Как у заголовков h в сss проставить background только под буквами, а не на всю ширину род. блока?

Question

[ssrdop]

Нужно достигнуть эффекта маркера, которым провели по слову и слово стало выделенным. У меня же и слово и боковые пространства до родительского блока заполняются background'ом. Есть решение для заголовков хотя бы?

Answer 1

[Виталий Инчин ☢]

display: inline;

ИЛИ

display: table;

Comments

[ssrdop]

display:inline дает, то что нужно, но все смещается влево) А мне хочется еще и по центру выровнять) Спасибо за ответ!

[Виталий Инчин ☢]

ssrdop: то есть, для заголовка установлен text-align: center?
Тогда только так: jsfiddle.net/q37wm8mr

Answer 2

[Дима Паутов]

jsfiddle.net/0upheetf/2

Comments

[ssrdop]

Спасибо, уже до ответа прибегнул к с спанам)

Answer 3

[edk55]

Можно в h добавить span, которому ты задашь задний фон. Это поможет выделить определенные слова в заголовке, а не весь заголовок.

Answer 4

[Владимир Сергеевич]

jsfiddle.net/VladimirZhid/5u2gtkev