[softheme] Blocks

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>[softheme] blocks</title>
    <style type="text/css">
        .block0 {
            width: 25%;
            float: left;
        }
        .block {
            width: 90%;
            background: #8cf3fe;
            text-align: center;
            margin-top: 5px;
            border: solid 1px grey;
        }
    </style>
</head>
<body>

    <div class="block0">
        <div class="block" style="height: 75px">
            Block 1
        </div>
        <div class="block" style="height: 157px">
            Block 4
        </div>
        <div class="block" style="height: 75px">
            Block 6
        </div>
    </div>

    <div class="block0" style="position: relative">
        <div class="block" style="height: 50px">
            Block 2
        </div>
        <div class="block" style="height: 100px">
            Block 3
        </div>
        <div class="block" style="height: 100px">
            Block 5
        </div>
        <div class="block" style="height: 50px">
            Block 7
        </div>
    </div>

</body>
</html>