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

Question

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

Выравнивание текста отвечает за его внешний вид, формирование краев абзаца. Обычно текст обрамляют тегами

или

и затем применяют css свойство text-align со следующим значением: - по левому краю - left - по правому краю - right - по центру - center - по ширине - justify Выравнивание элементов по левому краю задано по умолчанию, поэтому указывать его лишний раз необходимости нет. Отличие между абзацем (тег

) и тегом

в том, что в начале и конце параграфа появляется вертикальный отступ, чего нет в случае использования тега

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

Этот текст по умолчанию займет левое вырывание

Пример текста с выравниваем по центру

Пример текста с выравниваем по правому краю

Пример текста с выравниваем по ширине Пример текста с выравниваем по ширине Пример текста с выравниваем по ширине Пример текста с выравниваем по ширине Пример текста с выравниваем по ширине Пример текста с выравниваем по ширине Пример текста с выравниваем по ширине Пример текста с выравниваем по ширине Пример текста с выравниваем по ширине Пример текста с выравниваем по ширине Пример текста с выравниваем по ширине Пример текста с выравниваем по ширине

``` Стили: ```css .center { text-align: center; } .right { text-align: right; } .justify { text-align: justify; } ```

Алёна Шереметьева · Answer

Чтобы выровнять текст **по левому краю** в HTML, можно использовать атрибут `justify-content: flex-start`. Это свойство мы можем использовать только когда контейнер у нас `display: flex`, что _очень часто_. **Код выглядит так:** ```html

Шрифт

``` ```css div { display: flex; justify-content: flex-start; } ```

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

Ответы

Каталог