Как выравнять текст?

Question

[SiQo]

Мне нужно выровнять текст, как на картинке. Когда задаю свойство text-align: right , текст наизнанку. Не понимаю, что не так.

Текущий код:

.content__description {
  color: #000000;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  line-height: 28px;
  max-width: 761px;
  text-align: right;
}

Что должно получиться:

Что получается:

Comments

[WapSter]

Может тебе все же нужно left указывать, а не right. Всякое тут было, но вот чтобы стороны путали впервые

[Lord_Dantes]

text-align: left;

[Сергей delphinpro]

Вам надо left, вы делаете right и удивляетесь, почему получается выравнивание вправо, а не влево? Я правильно вас понимаю?

[SiQo]

Сергей delphinpro, У меня в макете просто указано именно right

[SiQo]

WapSter, У меня в макете просто указано именно right. Если я делаю left, получается не по макету все равно.
Вот:

[WapSter]

SiQo, чувак это очень похоже на картинку того, что ты должен получить или блин я слепым стал.

[SiQo]

WapSter, Это похоже, но меня учили, что все должно быть ровно по макету. У меня через пиксель чекер не сходится. Начало второй строки, слово " laudan" должно быть в первой строке, так же как и " minima ac" во второй. Присмотрись. Может я придераюсь, но может это можно исправить с помощью css, а не br ?

Answer 1

[Сергей delphinpro]

В комментах я поржал, тут серьезно.

Вам нужно родителю блока .content__description задать флекс раскладку и выравнивание элементов по правому краю:

.content {
  display: flex;
  justify-content: flex-end;
}

Comments

[Pro_Code]

А может все-таки flex-start?))))))

[Сергей delphinpro]

Pro_Code, Может быть. Но мой внутренний экстрасенс все-таки подсказывает что я прав. Выравнивание влево стоит по умолчанию, и вряд ли автор стал спрашивать. К тому же он упомянул text-align: right. Скорее всего он не очень силен в CSS и пытался таким образом выровнять блок с текстом, а не текст в блоке ( судя по его высказыванию о выворачивании текста ).

[SiQo]

Когда я задаю флекс раскладку, получается такая история


Я могу не выравнивать текст никак и просто в нужных местах
указать и все будет, как надо, почти. Но это разве нормально? Мне кажется, я должен уметь с помощью css это делать.

P.S Да, я еще совсем зеленый. Учу только месяц.