Beispiel 2

CSS Tipp | Beispiel1 | Beispiel2 | Beispiel3 | Beispiel4

Section
Section
Section


<main>
	<section>Section</section>
	<section>Section</section>
	<section>Section</section>
	<hr>
</main>
<footer>Footer</footer>

Hier ist nun eine hr Linie hinzugekommen, dadurch wird das main etwas größer. Obwohl die Linie hinter den sections aufgeführt ist, liegt sie nicht unter den sections, denn diese werden wegen ihres floatings immer noch ignoriert. weiter

main{background-color:#57D8D2;}
footer{background-color:#FCD277;}
section{width:33%; float:left;}