by shigemk2

当面は技術的なことしか書かない

float: left でナナメになる怪

CSS 凡ミス

もうソースコードを見たら原因がまるわかりなんだけどね。
このようなコードを書いて、

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>Ex2</title>
  </head>
  <link rel="stylesheet" href="./example2.css">
  <body>
    <div class="e1">あ</div><br>
    <div class="e2">い</div><br>
    <div class="e3">う</div><br>
  </body>
</html>

このようなCSSを書きます。

div.e1, div.e2, div.e3 {
  float: left;
  font-size: 18px;
}

するとどうでしょう。

はい、なんかダメですね。
途中で
仕込んでるからですね、分かります。

というわけでこういう風にしてみたらいかがでしょう。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>Ex2</title>
  </head>
  <link rel="stylesheet" href="./example2.css">
  <body>
    <div class="e1">あ</div>
    <div class="e2">い</div>
    <div class="e3">う</div>
  </body>
</html>

はい、直りました。