title: How to remove line break after span style="float: right"
body: <p>I need to display 3 blocks of text in a td, 1st block to the left, 2nd to the center and 3rd to the right with no line break, so it will display</p>
  
  <p>1st block&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2nd block&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3rd block</p>
  
  <p>i tried </p>
  
  <pre><code>&lt;td&gt;
      &lt;span style="float: left; display:inline-block;"&gt;1st block &lt;/span&gt;
      &lt;span style="float: center; display:inline-block;"&gt;2ndblock &lt;/span&gt;
      &lt;span style="float: right; display:inline-block;"&gt;3rd block &lt;/span&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>it seems float will cause line break, even when inline-block is used.</p>
  
  <p>please help. thank you very much.</p>