ブロック要素は自動的に改行されるので
横並びにするにはfloatを使用する必要がある。
インライン要素は、自動的に改行されるので横並びとなる
インライン要素を改行させたい場合は
div p display:block ul li を使用。
displayプロパティとは
ある要素をブロック要素に変更したり
インライン要素に変更したりするもの
display:block;
テキスト画像などのインライン要素を ブロック要素として表示したい場合に使用
display:inline;
div p ul & li などのブロック要素をインライン要素で表示したい場合に使用。
display:inline-block;
インライン要素のように横並びができて、ブロック要素のようにmarginやpaddingなどで上下左右の間隔を自由に指定できる div p ui li などのブロック要素をインライン要素で表示したい場合に使用。