title: Add spacing between two spans
body: <p>For the code below I want add spacing between "Discount" and $500. 
  I <strong>don't</strong> want to add additional break tag. Here's the <a href="http://jsbin.com/OcaB/1/edit" rel="noreferrer">sample on jsbin</a>.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset=utf-8 /&gt;
  &lt;title&gt;Spacing Test&lt;/title&gt;
  &lt;style type="text/css"&gt;
          .labelReadOnlyTB {
              font-size: 16px;
              font-family: Arial;
              padding: 1px;
          }
          .labelForTextbox
          {
          font-weight: bold;
          font-size: 12px;
          color: #000000;
          font-family: Arial;
          padding:8px 0px;
          margin-bottom:5px;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;table&gt;
        &lt;tr&gt;
           &lt;td style="min-height:45px;vertical-align:top;"&gt;
          &lt;span id="lblDiscount" class="labelForTextbox"&gt;Discount&lt;/span&gt;
           &lt;br /&gt;
          &lt;span id="lblValue" class="labelReadOnlyTB"&gt;$500&lt;/span&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
    &lt;/table&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>