How to overflow text to the left in the table?

Question

I have a table with a fixed layout. When overflowing, the contents of the cells should lie on the left, and not on the right. That is, if the width of the TD is less than the width of the text, the cell below should display "67890" instead of "12345".

This should work in IE7 + at least. Is there a way to do this in css without JavaScript?

<table style="table-layout:fixed">
  <tr>
    <TD>
      12334567890
   </TD>
 </tr>
</table>

Answer 1

you can use:

direction:rtl;

Answer 2

I have not tried this, but you can try text-align:rightor wrap the contents in divand swim correctly.

Answer 3

CSS3 word-wrap: break-word, , . , , , .

There is also <wbr>, but I have never used or experimented with it, so I cannot tell you how to use it.