Выравнивание в HTML TD и Div внутри него

Question

У меня есть TD тег align = "right"

и один div внутри него с align="left" В основном то, что я хочу, чтобы достичь является

• Align TD содержание в right. (В данном случае DIV)
• Но выровнять все content там внутри div к left

, но этого не происходит здесь все содержимое внутри DIV выравниваемся направо, как указано в ТД теге.

В любом теле есть какая-либо идея, почему?

Спасибо заранее

С уважением, Mona

Answer 1

<td align="right"> 
    <div style="text-align:left;"></div> 
</td> 

Или с помощью CSS:

td[align=right] > div{ 
    text-align:left; 
} 

DEMO