How to prevent headings (

Question

If I define a heading like

, its width is set to 100% by default.

Is there a way to make sure its width is set to the smallest value possible

Answer 1

You can give it display: inline. This will make it behave like any text element - the default for

is display: block.

There are other ways: float: left for example, but I find this the simplest and the one with the fewest side effects.

Note that you will then probably have to add a
to ensure a line break after the

.