Stretching table cell text to both sides

Question

I have a html table cell with the following data:

<td>0/12 0%</td>

which shows like this:

what I want to do is move the % number (with the sign) to the most left side of the cell.

(don't mind the numbers)

How can I achive this? BTW, the entire table is with css direction: rtl.

Why not split it into two table cells? That's basically what this is. — Interrobang, Dec 29 '11 at 10:10
I tried to avoid it :) I can have it in another cell and than add a class to that cell to hide the border on the right... — shaharmor, Dec 29 '11 at 10:11
The images are no longer available making the question unclear. — Brian Tompsett - 汤莱恩, Oct 26 '16 at 16:07

score 1 · Accepted Answer · answered Dec 29 '11 at 10:16

1

<td><div class="right">0/12</div> <div class="left">0%</div></td>

CSS file:

.right{
position:relative;
margin:0;
padding:0;
float:right;
}
.left{
position:relative;
margin:0;
padding:0;
float:left;
}

answered Dec 29 '11 at 10:16

Sergey Ratnikov

1 Answers1