Как выровнять текст по правому краю в css?

Пользователь

от otha_marks , в категории: HTML/CSS , 3 года назад

Как выровнять текст по правому краю в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от angelica.glover , 2 года назад

@otha_marks  Выровнять текст по правому краю в css можно через text-align: right :


1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
  </head>
  <body>
    <p style="text-align: right">Выравнивание текста по правому краю.</p>
  </body>
</html>

Пользователь

от dmitrypro77 , 2 года назад

@otha_marks Я рекомендую использовать flex позиционирование и justify-content: flex-end вместо чтобы выровнять текст по правому краю в CSS:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <style>
        p {
            display: flex;
            justify-content: flex-end;
        }
    </style>
</head>
<body>
    <p>Выравнивание текста по правому краю.</p>
</body>
</html>


Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.