title: Getting background-color of display block to fill only behind text
body: <p>I ran into a situation where I have a link that is set as a <code>display:block</code>. I'm trying to fill the background-color property with a color, but only behind the text; instead, it's filling the entire background of that row, which is logical, but not what I want. How can I fill only the background of the text without being an inline element? Or is this not possible?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;a href ="#"&gt;mylink&lt;/a&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>a {
      display:block;
      background-color:blue;
  }
  </code></pre>