cssにてセンター寄せを行うには

margin: 0 auto;

と表記するだけ

floatに関してはhtmlの平面上から浮き上がっているので、
次に配置されている要素が下に潜り込んでしまうのです。

それを解除してくれるのが、clearプロパティです。

clear:both;

floatを指定した要素の次の要素にclearプロパティを指定することが大切!!

Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account log in.