Урок 30 із 239
13%
Вирівнювання тексту вправо в CSS
Навчіться вирівнювати текст по правому краю за допомогою властивості text-align.
Вирівнювання тексту вправо в CSS
Щоб вирівняти текст усередині елемента по правому краю, використовується властивість text-align зі значенням right.
<p>
This is a paragraph with text.
</p>p {
text-align: right;
}Після застосування цього стилю весь текст у тегах p буде розташований біля правого краю елемента.
- text-align: right вирівнює текст праворуч.
- Властивість застосовується до батьківського елемента.
- Сам HTML-елемент при цьому не переміщується.
❗ Важливо:
Вирівнювання тексту вправо часто використовується для дат, підписів, меню або спеціальних блоків оформлення.
📌 Завдання:
- Створіть абзац з будь-яким текстом.
- Додайте CSS-стиль text-align: right.
- Перевірте результат у браузері.
💡 Показати підказку
Змініть значення text-align з left на right і подивіться, як зміниться положення тексту.
✅ Показати відповідь
p {
text-align: right;
}