Не удаётся центрировать текст по горизонтали в блоке «position:absolute», как будет правильно?

Question

[Ysery]

Доброго времени суток.

Как не пытался, но так и не получилось у меня центрировать текст в блоке. Сам текст имеет красный шрифт, а код я разместил тут для наглядности https://jsfiddle.net/5w894t6n/

Answer 1

[MrColdCoffee]

так?

для .slidingVertical span добавил
left:0; right:0; width:100%;

а для родителя position:relative;

<div style="min-height: 46px;<b>position:relative;margin-top: -12px; text-align: center;">

Comments

[Ysery]

Просто божественно! Спасибо!!!

Answer 2

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

У вас родитель для текста имеет 100% ширину от своего родителя, являющегося таблицей с нулевой шириной. Для начала задайте таблице ширину, а потом уже пробуйте что-то по центру размещать.