title: Float <span> on right and the rest(text) on left, within <div> in ie 7
body: <p>I have some text and <code>&lt;span&gt;</code> tag, which are inside a <code>&lt;div&gt;</code>.</p>
  
  <p><code>&lt;span&gt;</code> is <code>float: right;</code> I need the text to be on the left side and <code>&lt;span&gt;</code> on right side.</p>
  
  <p>In every browser it displays perfectly except <code>ie7</code>. How can I fix this bug?</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;title&gt; Testing page&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div style="border:2px solid #000; display:inline;"&gt; 
              welcome&lt;span style="float:right"&gt; demo&lt;/span&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>