2/13　港区　WEB　HTML&CSSコーディング　会社出向レクチャー基礎講座

・ブロック要素を横に並べる
　画像に float: left; 指定
・続く要素も全て回り込み始めるので、floatは解除する
　h2 と .footerに clear: both を
・ブロック要素を中央に表示させるのに、
　#content に margin: auto
・インライン要素中央に表示させるのに、
text-align: center
・インライン要素、ブロック要素、それぞれの特性、displayで変換可能
・floatと解除の、clearfix

横に並べるのは、他にも方法があります。まずはfloatで慣れましょう。
レッスン準備

Tweet