Несколько строчно-блочных элементов рядом в 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; }

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



Чат с GPT Компилятор