title: Only apply the property till the text, not whole the line
body: <p>Here is my the dummy test.</p>
  <p>Here is the HTML stuff:</p>
  <pre><code>&lt;h1&gt; Header &lt;/h1&gt;
  </code></pre>
  <p>Here is the CSS stuff:</p>
  <pre><code>body {
   background: pink;
  }
  
  h1 {
   background-color: #454545;
  }
  </code></pre>
  <p>The webpage is rendered something like this:</p>
  <p>                    <img src="https://i.stack.imgur.com/tXXDs.png" alt="enter image description here" /></p>
  <p>As you can se in this image, I applied the property to the <code>&lt;h1&gt;</code>, but the whole line has its effect.</p>
  <p>What I want is, the gray background till the word &quot;Header&quot;, not more than that <em>(Background color is just an example. This is not <strong>only</strong> the case.).</em></p>