Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Yoba.eu | Горячее</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="http://masonry.desandro.com/masonry.pkgd.js"></script>
    <script type="text/javascript">
        $('#container').masonry({
    itemSelector: '.block'
});
    </script>
</head>

<body>
    <div id="container" class="block-count">
        <div class="block" style="height:170px;">1</div>
        <div class="block">2</div>
        <div class="block" style="height:220px;">3</div>
        <div class="block" style="height:100px;">4</div>
        <div class="block">5</div>
        <div class="block">6</div>
    </div>

<style>
html, body {
    margin: 0;
    padding: 0;
    background: #EAEAEA;
    font-size: 16px;
    font-family: "Titillium",Arial,sans-serif;
}

#container {
    width: 620px;
}

.block {
    width: 150px;
    height: 150px;
    margin: 1px;
    max-height: 200px;
    vertical-align: top;
    display: inline-block;
    border: 1px solid black;
}
</style>
</body>
</html>