# Несколько строчно-блочных элементов рядом в CSS

Если расположить несколько строчно-блочных элементов рядом, то они выстроятся в ряд, подобно строчным элементам:

`<span>text</span> <span>text</span> <span>text</span>` `span { width: 100px; height: 100px; margin-bottom: 20px; border: 1px solid red; display: inline-block; }`

:

Даны дивы:

`<div class="elem">text</div> <div class="elem">text</div> <div class="elem">text</div>` `div { width: 100px; height: 100px; border: 1px solid red; }`

Выстройте эти дивы в ряд, преобразовав их в строчно-блочные элементы.

← →
↑