Выравнивание DIV в ячейке таблицы

Question

У меня есть HTML-таблица с тремя столбцами.В самом правом столбце я хочу выровнять содержимое по правому краю.В попытке сделать это у меня есть следующее:

<table border='0' cellpadding='0' cellspacing='0' style='width:100%;'>
  <tr>
    <td>Content 1</td>
    <td>Content 2</td>
    <td style='text-align-right'>Content 3</td>
  </tr>
</table>

Содержимое в третьей ячейке фактически создается с помощью некоторого кода на стороне сервера.Когда сгенерированный контент является текстом, контент выровнен правильно.Однако, когда я пытаюсь выровнять правый элемент DIV, находящийся в третьей ячейке, он этого не делает.DIV всегда выравнивается по левому краю.Как правильно выровнять DIV в ячейке таблицы?

Спасибо!

Answer 1

Ваш код должен выглядеть так, чтобы соответствовать ситуациям div и non-div:

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

Answer 2

Поместите класс в тд

<td class="rightAlign">

и определите класс css со свойством text-align с помощью! Important

.rightAlign{
    text-align: right !important
}

это заставит DIV наследовать правильное выравнивание.

Answer 3

Попробуйте:

<td><div style="float: right;"></div></td>