Выравнивание содержимого в таблице с помощью CSS

Question

В моем HTML есть таблица, которая определена следующим образом:

<table>
  <tr>
    <td><img src='corner1.png' /></td>
    <td>First Name <a href='#'>edit</a></td>
    <td><img src='corner2.png' /></td>
  </tr>
</table>

Я хочу, чтобы ссылка edit была выровнена по правому краю в ячейке.Но я хочу, чтобы «Имя» было выровнено по левому краю.В настоящее время все выровнено по левому краю.Как сделать ссылку выровненной по правому краю?

Answer 1

<td><a href='#' class="floatRight">edit</a> First Name</td>

Запись в файле CSS .floatRight {float:right;}

Перемещено edit перед именем, иначе некоторые браузеры будут отображать его в новой строке, а не в строке с именем.

Answer 2

Вы можете попробовать следующий CSS:

td a {
    float: right;
}

Answer 3

Установите значение с плавающей запятой для элемента <a>:

table tr td a {
    float: right
}

Это будет толкать <a> справа от ячейки.Селектор слишком специфичен - как минимум, он может быть table a.