Como criar exibição em grade / lado a lado?

Por exemplo, tenho alguma classe .article e quero exibir essa classe como exibição em grade. Então eu apliquei este estilo:

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

sse estilo fará com que o artigo pareça lado a lado / grade. É um bom trabalho com altura fixa. Mas se eu quiser definir a altura como automática (esticar automaticamente de acordo com os dados contidos nela), a grade parecerá desagradáve

E eu quero fazer a visualização assim:

questionAnswers(8)

yourAnswerToTheQuestion