Задать вопрос
aliencash
@aliencash
Партизан

Как реализовать горизонтальное одинаковое выравнивание по центру нескольких блочных элементов?

Имеем несколько блочных элементов, расположенных один под другим. Нужно задать выравнивание по центру текста содержащего шрифты разных размеров. При этом центрирование должно происходить по конкретному слову, а положение остального текста в блоке не должно влиять на центрирование. Слова, по которым происходит выравнивание в разных блоках должны находиться одно под другим и все вместе выглядеть как выровненные по центру.

Для наглядности "слайды" (с)...
184182d23f4a4f86955e8fbdda3132b1.png
Слева простое выравнивание по левому краю, справа - как должно быть (пунктирная линия - для наглядности).

codepen.io/anon/pen/emwdGZ

ps: Поменял слайд на более корректный...
  • Вопрос задан
  • 219 просмотров
Подписаться 1 Оценить 2 комментария
Решение пользователя Андрей К ответам на вопрос (2)
standy
@standy
Способ прост: побочным элементам делаем position: absolute, чтобы они не влияли на центрирование

Вот так: codepen.io/standys/pen/QwXKRb
Ответ написан