title: How can I have content in a html table cell centered when there is some other content float right?
body: <p>I have content that is centered and content that is float right and I just realized that the centered text is shifted over to the left due to the float:right content.</p>
  
  <p>The center text is using this css:</p>
  
  <pre><code> .tableCell {
        text-align: center;
   }
  
   .floatRight img
   {
      float:right;
      cursor: pointer;
   }
  </code></pre>
  
  <p>and here is the HTML:</p>
  
  <pre><code>   &lt;td class="tableCell" id="697"&gt;
        &lt;span class="floatRight"&gt;
             &lt;img src="/arrow.png"&gt;
        &lt;/span&gt;
        &lt;b&gt;1006&lt;/b&gt;&lt;hr&gt;Some Text&lt;br&gt;Some other text
     &lt;/td&gt;
  </code></pre>
  
  <p>Is there anyway to have content inside a table cell that is centered and the horizontal location is not affected by float:right text?</p>