CSS Tipp | Beispiel1 | Beispiel2 | Beispiel3 | Beispiel4
<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;}