title: How to add horizontal padding to every line in one multi-line wrapped sentence?
body: <p>This is my code:</p>
  
  <pre><code>&lt;div&gt;&lt;p&gt;&lt;span&gt;... highlighted text ...&lt;/span&gt;&lt;/p&gt;&lt;p&gt;Chapter info&lt;/p&gt;&lt;/div&gt;
  </code></pre>
  
  <p>This is what it currently looks like:</p>
  
  <p><a href="http://i48.tinypic.com/2dqvo1i.png" rel="noreferrer">http://i48.tinypic.com/2dqvo1i.png</a></p>
  
  <p>Is there a way to add padding to the sides of the highlighted text? Regular padding on the SPAN doesn't work, because it only takes into account the the beginning and end of the sentence, not every line separately.</p>
  
  <p>Any ideas? CSS3 code is fine.</p>