title: Add a background color to text, but with space blank space between lines of paragraph
body: <p>I was wondering if something was possible to do in CSS. Basically i want to recreate the text on the RHS of the image using html/css, but currently I'm getting the LHS of the image.</p>
  <p>The HTML:</p>
  <pre><code>&lt;div id=&quot;banner&quot;&gt;
      &lt;div id=&quot;text&quot;&gt;
          &lt;p&gt;This is an example of what I have&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>The CSS:</p>
  <pre><code>div#banner { background: green; width:300px; height:300px;}
  div#text {  margin: 20px auto; }
  div#text p {  background:#fff; padding: 5px; margin: 5px; font-size: 2em; }
  </code></pre>
  <p>Now I realise that this can be done already either by:</p>
  <ol>
  <li>Using an image</li>
  <li>Using separate p tags</li>
  </ol>
  <p>(By Point 2 I mean:</p>
  <pre><code>&lt;div id=&quot;banner&quot;&gt;
      &lt;div id=&quot;text&quot;&gt;
          &lt;p&gt;This is an&lt;/p&gt;
          &lt;p&gt;example of&lt;/p&gt;
          &lt;p&gt;what I have&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>)</p>
  <p>But what I would really like to know is if it's actually possible to do what is on the RHS of the image, using only css and a single p tag?</p>
  <p><a href="http://chris.carrotmedialtd.com/example.jpg" rel="nofollow noreferrer">alt text http://chris.carrotmedialtd.com/example.jpg</a></p>