２カラム

今日は軽く触れただけなので予習みたいな感じで

float:~とdisplay:inline;

どちらも横並びにする際に使うことが出来ます。

何が違うの？

→inlineを使うと各カラムがインライン要素となるため、marginやpaddingが使えなくなる。（整える方法はある）

優先順位

 CSSでこの順番で記述した時には、Aが優先順位が高いです。

このまま横並びにすると

Aが左側、Bが右側となります。

でもAを右側にしたい！というときには、

float: right;をAに使うとAが右側に来ます。

※AとBの優先順位を変えても同じことになりますが、検索などにAが引っかからなくなったりするのでやめた方が良いです。（Bの優先順位が高くなるため）