2カラム
今日は軽く触れただけなので予習みたいな感じで
float:~とdisplay:inline;
どちらも横並びにする際に使うことが出来ます。
何が違うの?
→inlineを使うと各カラムがインライン要素となるため、marginやpaddingが使えなくなる。(整える方法はある)
優先順位
CSSでこの順番で記述した時には、Aが優先順位が高いです。
このまま横並びにすると
Aが左側、Bが右側となります。
でもAを右側にしたい!というときには、
float: right;をAに使うとAが右側に来ます。
※AとBの優先順位を変えても同じことになりますが、検索などにAが引っかからなくなったりするのでやめた方が良いです。(Bの優先順位が高くなるため)