title: css right align inside span element
body: <p>I want to align an image in the right side of a span element.</p>
  
  <p>I had this working fine inside a td element but it is not working now that I've moved it into a a span.  Would appreciate any suggestions.</p>
  
  <pre><code>&lt;div style="width:400px;"&gt;
      &lt;span style="display:inline-block;width:50%;" onclick="location.href='http://www.google.com'"&gt;Go to Google&lt;/span&gt;&lt;span style="display:inline-block;width:50%;float:right;weight:bold;" onclick="location.href='http://www.yahoo.com';&gt;&lt;img src="test.gif" width=40 height=40 border=0&gt;Go to Yahoo&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/sVdE3/" rel="nofollow">http://jsfiddle.net/sVdE3/</a></p>