title: How to highlight lines with background colour and have padding on each line?
body: <p>I am using php to output and exerpt inside a p tag.</p>
  
  <p>I am then wrapping the inside string of the p tag with a span.</p>
  
  <pre><code>&lt;p class="lead"&gt;&lt;span&gt;&lt;?php the_advanced_excerpt(); ?&gt;&lt;/span&gt;&lt;/p&gt;
  </code></pre>
  
  <p>The outputted html...</p>
  
  <pre><code>&lt;p class="lead"&gt;&lt;span&gt;Motorcycle helmet Full face or open face. A motocross or enduro style helmet is a better choice. These are specifically designed for off-road use and have particular…&lt;/span&gt;&lt;/p&gt;
  </code></pre>
  
  <p>The span then has this css on it...</p>
  
  <pre><code>.carousel-caption .lead span {
      background: #F60;
      padding: 5px;
  }
  </code></pre>
  
  <p>Please see the out come here...</p>
  
  <p><img src="https://i.stack.imgur.com/Q8zIq.png" alt="enter image description here"></p>
  
  <p><br /></p>
  
  <p><strong>See the green arrows - where it looks as desired.<br/>
  See the red arrows - where padding is missing.</strong></p>
  
  <p>As you can see the orange high lighted lines are flush at the end of each line. Apart from the beginning and the end of the string.</p>
  
  <p>So my question is how can I add left/right padding to each of the lines?</p>
  
  <p>So it appears that each line has been highlighted with a background colour. Like plastic tape that you get embossed letters on.</p>
  
  <p>Is this posible somehow?</p>