col-block

HTML

<div class='row-block'>
<div class='col-block'><div class='block-post'>1</div></div>
<div class='col-block'><div class='block-post'>2</div></div>
<div class='col-block'><div class='block-post'>3</div></div>
<div class='col-block'><div class='block-post'>4</div></div>
<div class='col-block'><div class='block-post'>5</div></div>
<div class='col-block'><div class='block-post'>6</div></div>
<div class='col-block'><div class='block-post'>7</div></div>
<div class='col-block'><div class='block-post'>8</div></div>
<div class='col-block'><div class='block-post'>9</div></div>
<div class='col-block'><div class='block-post'>10</div></div>
<div class='col-block'><div class='block-post'>11</div></div>
<div class='col-block'><div class='block-post'>12</div></div>
<div class='col-block'><div class='block-post'>13</div></div>
<div class='col-block'><div class='block-post'>14</div></div>
<div class='col-block'><div class='block-post'>15</div></div>
<div class='col-block'><div class='block-post'>16</div></div>
<div class='col-block'><div class='block-post'>17</div></div>
<div class='col-block'><div class='block-post'>18</div></div>
<div class='col-block'><div class='block-post'>19</div></div>
<div class='col-block'><div class='block-post'>20</div></div>

</div>

CSS

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{direction:rtl;margin:0;}

.row-block {
    overflow: hidden;
}

.col-block {
    width: 33.3%;
    height: 250px;
    float: right;
    overflow: hidden;
    margin: 5px 0;
    padding: 10px;
}

.block-post {
    background: #eee;
    height: 100%;
    overflow: hidden;
    border: 1px solid #ccc;
    font-size: 124px;
    text-align: center;
    line-height: 250px;
}