364 подписчика
Делаем текст по центру в HTML + CSS.
У нас есть текст в теге <P> и классом 'test':
<p class='test'>ТЕКСТ ПО ЦЕНТРУ СТРАНИЦЫ</p>
В файл css добавляем такой текст:
.test {
text-align: center; //выравнивание текста по горизонтали
position: relative;
top: 50%; //выравнивание текста по вертикали
}
И наш текст будет отображаться по центру страницы на любых устройствах.
Так же можно встроить стили этого блока в саму строку. Выглядеть будет так:
<p style="text-align: center; position: relative; top: 50%;">ТЕКСТ ПО ЦЕНТРУ СТРАНИЦЫ</p>
Около минуты
14 августа 2023