@Kirill0673

Как выровнять текст блока по центру?

Приветствую гуру верстки))

В блоке main__title заголовок никак не хочет выравниваться по центру.
Я задавал ему и родителю такие свойства, как text-align: center, justify-content: center; однако это не даёт никакого эффекта, и текст по-прежнему прижат к левому краю блока. В чём дело?

Вот пример:



C первого взгляда кажется что текст находится по центру, однако если присмотреться, то видно что отступ слева меньше чем справа.
  • Вопрос задан
  • 96 просмотров
Решения вопроса 1
asuikit
@asuikit
Решение в этом случае:
spoiler
<h1 class="main__title">
   <span>Фрукты</span>
   <span>Овощи</span>
   <span>Соки</span>
</h1>

.main__title span { display: block; }
.main__title span::first-letter { padding-left: 0.3em; }
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
sniggering_deus
@sniggering_deus
Frontend Engineer & Fullstack Designer
Может быть вот так?

Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы