Используя CSS, легко горизонтально центрировать текст в контейнере с помощью text-align:center;
, но если какое-либо одно слово этого текста больше ширины контейнера, браузер автоматически "зажимает" левую границу контейнера (так же, как и в надстрочном слове, выравнивается с левой стороной слишком маленького контейнера, и без значения свойства CSS word-break:hyphenate;
(или аналогичного) над заглавным краем контейнера выдается надразмерное слово.
Любой способ поместить этот рис слева от моего текста здесь, чтобы сохранить вертикальное пространство? Ну что ж. В любом случае...
Без, используя элемент дочернего контейнера для хранения текста, есть способ center увеличить размер слова, чтобы он зависал как с левой, так и с правой стороны контейнер равно?
Опять же, я не хочу использовать текстовый контейнер внутри контейнера. Я мог бы сделать это через 5 секунд с помощью дочернего <div>text to be centered</div>
с фиксированным width
и отрицательным margin-left
или с absolute
позиционированием элемента контейнера внутри relative
div
, но я ищу атрибут CSS, который будет центрировать текст, даже если слово слишком длинное, чтобы соответствовать ширине. По умолчанию text-align:center
этого не делает.
Мысли? Благодарю! -Slink