title: Wrap span to text within div
body: <p>I'm trying to add a bottom border to a title thats wrapped within a div but it affects the whole block. </p>
  
  <pre><code>&lt;div class="title"&gt;I'm a title&lt;/div&gt;
  </code></pre>
  
  <p>and my CSS</p>
  
  <pre><code>.title {border-bottom: 2px solid #000; padding-bottom: 3px;}
  </code></pre>
  
  <p>Is the best way to apply this border to the text? </p>
  
  <p>Wrapping a span around the text would be ideal. But I can't access the HTML. </p>
  
  <pre><code>&lt;div class="title"&gt;
  &lt;span class="border"&gt;I'm a title&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How would I wrap the text with a span using Jquery. </p>
  
  <p>I'm trying</p>
  
  <pre><code>$(".title").wrap('&lt;span&gt;&lt;/span&gt;');
  </code></pre>
  
  <p>Or is there another way to add this CSS?</p>
  
  <p>Thanks</p>