Как выровнять по правому краю html

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Выравнивание текста отвечает за его внешний вид, формирование краев абзаца. Обычно текст обрамляют тегами или и затем применяют css свойство text-align со следующим значением:

по левому краю - left
по правому краю - right
по центру - center
по ширине - justify

Отличие между абзацем (тег ) и тегом в том, что в начале и конце параграфа появляется вертикальный отступ, чего нет в случае использования тега .

Исходный HTML-файл:

<p>Этот текст по умолчанию займет левое вырывание</p>
<p class="center">Пример текста с выравниваем по центру</p>
<p class="right">Пример текста с выравниваем по правому краю</p>
<p class="justify">
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине
</p>

Стили:

.center {
  text-align: center;
}

.right {
  text-align: right;
}
 
.justify {
  text-align: justify;
}

3 года назад

Вячеслав Межуревский

10 месяцев

QA-инженер по тестированию на Java: с нуля до автоматизатора

8 месяцев

QA-инженер по тестированию: с нуля до автоматизатора

8 месяцев

QA-инженер по тестированию: с нуля до автоматизатора

5 месяцев

Автоматизатор тестирования на Python (TW)

Освоите Pytest, работу с API, CI/CD. Курс для тех, кто хочет перейти от ручного тестирования к востребованной профессии автоматизатора

5 месяцев

Автоматизатор тестирования на Python (TW)

Похожие вопросы