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

Question

[Андрей Федоров]

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

Для наглядности "слайды" (с)...

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

codepen.io/anon/pen/emwdGZ

ps: Поменял слайд на более корректный...

Comments

[Сергей delphinpro]

Каждую строку разбить на два блока. в первом выравнивание по правому краю, во втором - по левому. Ширина обоих блоков к примеру 50%.
схема - s.delphinpro.ru/20150409-204704.png

[Андрей Федоров]

Нет, потому что вместо 1,2 и 3 может быть текст любой длины, необязательно 1 символ.

Answer 1

[Андрей]

Способ прост: побочным элементам делаем position: absolute, чтобы они не влияли на центрирование

Вот так: codepen.io/standys/pen/QwXKRb

Comments

[Андрей Федоров]

Спасибо, дружище.

Answer 2

[LittleFatNinja]

разбей каждую строчку на 3 блока
блок слева-центральный-блок справа
и отцентрируй по блоку в котором будет необходимое слово
..просто будет тяжко этой кухней манипулировать

а сдендартных методов нет

Comments

[Андрей Федоров]

В этом случае у коротких центровых слов будут большие пробелы.