title: Align span element to left of div
body: <p>Is it possible to align the span "Header" in this fiddle : <a href="http://jsfiddle.net/25LjE/37/" rel="nofollow noreferrer">http://jsfiddle.net/25LjE/37/</a> to right of text as shown : </p>
  
  <p><img src="https://i.stack.imgur.com/OfVRk.png" alt="enter image description here"></p>
  
  <p>I'm creating the header using jquery.</p>
  
  <p>Here is the fiddle code : </p>
  
  <pre><code>&lt;script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6352993.js"&gt;&lt;/script&gt;
  &lt;noscript&gt;&lt;a href="http://polldaddy.com/poll/6352993/"&gt;This is very long test question to test how polldaddy handles questions that exceed that normal length............ yes a very long question indeed..............&lt;/a&gt;&lt;/noscript&gt;
  
  .pds-pd-link {
  display: none !important;
  }
  .pds-box {
      width: 220px !important;
  }
  .pds-input-label{
      width: auto! important;
  }
  .PDS_Poll{
      margin-bottom:15px;
  }
  $(document).ready(function() {
  
      $('.pds-question-inner').prepend('&lt;center&gt;&lt;span style="color:red;font-weight:bold;font-size: 10pt"&gt;&lt;u&gt;Header&lt;/u&gt;&lt;/span&gt;&lt;/center&gt;');
  });
  </code></pre>
  
  <p>When I try proposed solutions in IE8, the text is slightly higher than rest of text : </p>
  
  <p><img src="https://i.stack.imgur.com/vj9jH.png" alt="enter image description here"></p>
  
  <p>Can this be fixed ?</p>