CSS-заполнение вправо и выравнивание текста не работают вместе в ячейке таблицы

Question

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

Как видите, я бы хотел, чтобы текст в ячейке был выровнен по правому краю, на расстоянии 2em от правой границы ячейки.

Это не работает

Текст выравнивается по правому краю, но остается на правой границе (padding-right инструкция не имеет никакого эффекта). Есть идеи почему? Как я могу заставить это работать? Я использую Firefox 22.

Answer 1

Для использования текстовой позиции

padding-right : 2em;