Ajustar divs horizontalmente, independente da altura de cada uma
Olá,
Estou tentando clocar em meu blog alguns posts em blocos na pagina inicial de acordo com o modelo deste blog http://blog.anthropologie.com/. Percebam que neste blog, as divs de posts tem tamanhos diferentes e mesmo assim, mantem 3 posts por linha. No meu caso abaixo, com as divs do mesmo tamanho, consigo deixar 3 posts por linha, porém se uma div de post tiver o tamanho maior que o outro, fica desconfigurado, não aparece 3 posts por linha.
Me ajudem por gentileza!!
<!doctype html>
<html>
<head>
<style type="text/css">
.container {
display: block;
}
.col-md-4 {
margin: 2px;
width:2%;
height: 2%;
background: #ccc;
float:left;
width: 25.33%;
box-sizing: border-box;
padding: 10px;
}
</style>
</head>
<body>
<div class="container">
<div class="col-md-4">
Post6<br>
Post6<br>
</div>
<div class="col-md-4">
Post5<br>
Post5<br>
</div>
<div class="col-md-4">
Post4
</div>
<div class="col-md-4">
Post3
</div>
<div class="col-md-4">
Post2
</div>
<div class="col-md-4">
Post1
</div>
</div>
</body>
</html>Discussão (4)
Carregando comentários...