<div>デザインにおいて、<div style="text-decoration: underline;">レイアウト</div>は重要な要素だ。</div> という HTML 片が、基本的なブラウザでどう表示され、それがどういう原理からくるものか分かるだろうか? そして、それが意図に反した表示になっている場合に、意図通りに直すことはできるだろうか? これに対して明確な答えを持っている人は、この記事に書いてあることを既に理解しているであろうから引き返してなんら問題はない。 結論から言えば、これは <div>デザインにおいて、<span style="text-decoration: underline;">レイアウト</span>は重要な要素だ。</div> と書くのが一つ意図通りの HTML 片だったということになる。 div タグの代わりに、 span タグを使っているところが異なる
![ボックスタイプとCSSレイアウト](https://cdn-ak-scissors.b.st-hatena.com/image/square/a04fc529f7838ef9d395f1f07544789727adb047/height=288;version=1;width=512/https%3A%2F%2Fmizunashi-mana.github.io%2Fblog%2Fasset%2Fprofile.png)