# 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;
    }