CSS: Set divs horizontally in 2 rows

Answer 1

I accomplished this with CSS here using this code: It's kind of hackish though.

I set three of the divs (the last three) to the class 'double'

.cont .single {
    background: blue;
    color: white;
    width: 100px;
    height: 100px;
    margin: 10px;
    float:left;
    display: inline-block;
}
.cont .double {
    background: blue;
    color: white;
    width: 100px;
    height: 100px;
    margin: 10px;
    display:inline-block;
    float:left;
}

div:nth-child(5) {
    clear:left;
}

.cont {
    height: 220px;
    background: red;
}