Как создать представление сетки / мозаики?

Например, у меня есть класс .article, и я хочу видеть этот класс в виде сетки. Итак, я применил этот стиль:

.article{
  width:100px;
  height:100px;
  background:#333;
  float:left;
  margin:5px;
}

Этот стиль заставит .article выглядеть мозаичным / сетчатым. Он отлично работает с фиксированной высотой. Но если я хочу установить высоту автоматически (автоматически растягиваться в соответствии с данными в ней), сетка выглядит неприятно.

И я хочу сделать вид таким: