title: Inline text - background color with padding
body: <p>I need to make a Headline with background color which is not a block(only the text-bg is colored).</p>
  
  <p>Here is an image of what I have to archieve:
  <img src="https://i.stack.imgur.com/8sFIa.png" alt="enter image description here"></p>
  
  <p>And here is what I've got so far:
  <a href="http://jsbin.com/tiwuquze/1/edit" rel="noreferrer">http://jsbin.com/tiwuquze/1/edit</a></p>
  
  <p>You can see the padding is not right and I couldn't figure how to set it.
  When you play around with the padding, you will see that it will overlap and the second line is not going in like the first one.</p>
  
  <p>I am happy about every hint! </p>
  
  <p><strong>Solution:</strong></p>
  
  <p>John Smith made a working example: <a href="http://jsbin.com/tiwuquze/21/edit" rel="noreferrer">http://jsbin.com/tiwuquze/21/edit</a>
  He used <code>box-shadow</code> to emulate the left padding.</p>