Inhalt strukturieren mit css

Float

Die Boxen

<article>
    <h2>Float</h2>
    <div class="box floatleft"></div>
    <div class="box clearfix"></div>
    <div class="box floatleft"></div>
    <div class="box floatleft"></div>
    <div class="box clearfix"></div>
  </article>

& Der Clearfix

.box{
    width: 32%;
    height: 150px;
    background-color: yellowgreen;
    margin: 0 2% 2% 0;
    overflow:auto;
}
.floatleft{
    float: left;
}
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}