CSS padding right and text-align right don't work together in table cell

Question

td.myclass{
    width: 6em;
    text-align: right;
    padding-right: 2em;
}

As you can see, I'd like to have the text in the cell right aligned, 2em from the right cell border.

This doesn't work.

The text is right aligned but it stays stuck on the right border (the padding-right instruction has no effect). Any idea why? How can I make it work? I'm using Firefox 22.

working fine in a fiddle http://jsfiddle.net/kevinPHPkevin/qhPkH/ — Kevin Lynch, Jul 27 '13 at 15:23

score 1 · Answer 1 · edited Feb 22 '14 at 01:56

1

for text position use

padding-right : 2em;

edited Feb 22 '14 at 01:56

James A Mohler

11,060
15
46
72

answered Feb 22 '14 at 01:27

LittleB0Y

124
1
8

CSS padding right and text-align right don't work together in table cell

1 Answers1