Просмотров: 1 992

Выравнивание текста по горизонтали и по центру с помощью CSS. Свойство text-align.

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

<div style="width:500px; height:100px; border:1px solid #000;">
Текст, который должен быть по центру.
</div>

текст для выравнивания по горизонтали

Как это можно сделать?

Здесь все очень просто. Есть специальное свойство CSS text-align, которое может принимать значение center.Если применить его к нашем блоку div, то текст в нем будет выравниваться по горизонтали и по центру.

<div style="width:500px; height:100px; border:1px solid #000; text-align:center">
Текст, который должен быть по центру.
</div>

текст по горизонтали и по центру CSS

Возможно, все очень просто, просто я знаю людей, для которых это не совсем очевидно.