Vertical align

Vertical align

by sklein

HTML

<div class="wrapper">
    <div class="box" style="height: 80px"></div>
    <div class="box" style="height: 40px"></div>
    <div class="box" style="height: 40px"></div>
    <div class="box" style="height: 40px"></div>
    <div class="box" style="height: 80px"></div>
    <div class="box" style="height: 40px"></div>
    <div class="box" style="height: 40px"></div>
    <div class="box" style="height: 40px"></div>
    <div class="box" style="height: 80px"></div>
</div>

CSS

.wrapper {
    width: 340px;
}
.box {
    background-color: #ddd;
    display: inline-block;
    margin: 0 10px 10px 0;
    vertical-align: top;
    width: 100px;
}