Как сделать так, чтобы один текст был по центру, а другой был на одной строке, но не центрировался?

Question

[BatorOV]

использовать JS?

Comments

[Evanre]

Нужно больше исходных данных. Приведите кусок кода\скрин макета, который нужно выровнять.

Answer 1

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

codepen.io/aliencash/pen/VeqNgK
только учитите, что есть сложности с высотой (специально подчеркнул красной линией), решается с помощью line-height, поэкспериментируйте сами.

Answer 2

[rmaksim]

хм, прикольно
как вариант https://jsfiddle.net/a101gvxd/
есть пару ограничений
1. ширина "текста" должна быть меньше ширины "ЦЕНТР", т.к. не было более подробного описания условий ;-)
2. надо подгонять нижнюю линию текста (см. комент к коде) - но это думаю придётся делать в любом решении

Answer 3

[Maxim Zhgulev]

Немного доработал технологию Андрея Федорова, но теперь текст может быть проиндексирован.
codepen.io/anon/pen/XXOJJB

Answer 4

[Cyber_bober]

центрированный текст делаем так:

.centred{
  position:absolute;
  width: 100px; /*ширина блока с текстом*/
  left:50%;
  margin-left:-50px; /*половина ширины блока с текстом*/
}

второй подгоняем таким же образом изменяя параметр margin-left