IwanQ
@IwanQ
Плохие времена часто дают прекрасные возможности

Как центрировать after и before?

Здравствуйте. Есть код - https://jsfiddle.net/rpjhL7vo/

Как сделать так, чтобы полосы были в длину равно столько же, сколько и у текста и располагались ровно по середине относительно текста.
  • Вопрос задан
  • 442 просмотра
Решения вопроса 2
@as_viper
Начинающий веб-разработчик
Задайте для after и before,
width: 100%
left: 50%
transform: translateX(-50%)
Ответ написан
@houd1ini
Как по мне, лучшим решением будет:
h2 {
  display: inline-block;
  min-width: 200px;
}

h2:after, h2:before {
  left: 0;
  right: 0;
  width: auto;
}


И дать родителю (в вашем случае body), выравнивание по центру:

body {
  text-alight: center;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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