HTML колонка выравнивается по правому краю

Question

У меня есть таблица с 3 столбцами. Я хочу, чтобы третий столбец был выровнен по правому краю верхнего элемента, а остальные 2 - по левому краю, например:

(left column) (middle column)                                      (right column)

Есть ли способ сделать это через CSS или что-то еще?

Answer 1

Используйте width:100% для таблицы и среднего столбца.

Answer 2

Есть несколько способов сделать то, что вы хотите.Самое основное - это изменить выравнивание непосредственно в теге

<td align='left'>data1</td><td align='right'>data1</td><td align='left'>data1</td>
<td align='left'>data2</td><td align='right'>data2</td><td align='left'>data2</td>
....

, если вам нужно изменить что-то еще (стиль CSS), вы можете создать класс, например .firstColumn и .secondColumn для каждого <td>

Я пытался изменить столбец напрямую, но это не сработало ( Элемент colgroup таблицы HTML не работает?