Question

Here is my the dummy test.

Here is the HTML stuff:

<h1> Header </h1>

Here is the CSS stuff:

body {
 background: pink;
}

h1 {
 background-color: #454545;
}

The webpage is rendered something like this:

                    

As you can se in this image, I applied the property to the <h1>, but the whole line has its effect.

What I want is, the gray background till the word "Header", not more than that (Background color is just an example. This is not only the case.).

Answer 1

Try:

h1{
  display: inline-block;
}