Как сделать выравнивание текста в css
Ответы
Nikita Mikhaylov
10 октября 2022
Выравнивание текста делается с помощью свойства text-align
. Оно может принимать одно из следующих значений:
left
— выравнивание по левому краюright
— выравнивание по правому краюcenter
— выравнивание по центруjustify
— выравнивание по ширине
<p class="text-left">
Текст по левому краю.
Это значение является стандартным, поэтому видимых эффектов нет
</p>
<p class="text-center">
Текст по центру.
Такой текст больше выделяется относительно текста по левому краю
</p>
<p class="text-right">
Текст по правому краю.
Его труднее читать из-за разного расположения начала строки
</p>
<p class="text-justify">
Текст по ширине блока.
Обратите внимание на то, что отступы между словами неравномерны
</p>
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}
Результат можно посмотреть на этом CodePen: https://codepen.io/hexlet/pen/ZEObLeV
0
0