# Центрирование строчно-блочных элементов в CSS

Для примера давайте поставим строчно-блочные элементы по центру:

`<div class="parent"> <span class="child">text</span> <span class="child">text</span> <span class="child">text</span> </div>` `.parent { text-align: center; padding: 10px 0; border: 1px solid red; } .child { display: inline-block; padding: 10px 20px; border: 1px solid green; }`

:

Даны дивы внутри некоторого родителя:

`<div class="parent"> <div class="child">text 1</div> <div class="child">text 2</div> <div class="child">text 3</div> </div>` `.parent { padding: 10px 0; border: 1px solid red; } .child { padding: 10px; border: 1px solid green; }`

Преобразуйте дивы-потомки в строчно-блочные элементы, задайте им горизонтальный `margin` в `5px`, а затем отцентрируйте их по горизонтали относительно своего родителя.

← →
↑