Varios elementos de bloque adyacentes en CSS

Si colocas varios elementos de bloque uno al lado del otro, cada uno de ellos comenzará en una nueva línea:

html<div>texto</div>
<div>texto</div>
<div>texto</div>

cssdiv {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  border: 1px solid red;
}

Результат: