Is there a way to limit the background of a heading?

[ktbCA57]

I am using a very light background behind a header/heading style. However, the background goes all the way across the window. Is there a way to limit the background to only be as long as the line of text?

limting background.png

[Psider]

You could try

Code: Select all

display: inline-block

.

But it could have some unwanted consequences (which I'm a little fuzzy on) so test carefully.

[ktbCA57]

sorry.. do i add that just to that style?

Thanks!

[Chicago_HPT]

Yes, you would add that to the style where you want that behavior. However, if you have several h1 styles (e.g. h1.toc, h1.topic, h1.ref) but you want that behavior for all of them, then add it to the base h1 element style and it wil "cascade" to the others.