html - 表のセル内のテキストを右揃えにする方法

Question

2 番目の列を右揃えにしたいのですが、<td>要素にスタイルを適用したくありません。私が読んだ<col>ことから行く方法ですが、それは私にとってはうまくいきません:

<table>
    <col style="width: 20em" />
    <col align="right" style="text-align: right" />
    <col />
    <tbody>
        <tr>
            <td>123</td>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>12345678</td>
            <td>189</td>
            <td>2</td>
        </tr>
    </tbody>
</table>

<colgroup>運がないことも試しました。何か案は？

ps最新クローム、FF5

Answer 1

どうやら IE と Opera だけがalign.

更新、、、&colのみを含める必要があります。CSSの継承に関係しています。 http://ln.hixie.ch/?start=1070385285&count=1 (注: この記事はざっと読んだだけですが、まともな読み物のように思えました)。borderbackgroundwidthvisibility

Answer 2

要素にクラスを適用してから、col必要に応じてスタイルを設定できます。

<col class="something" />

と

col.something
{
    text-align: right;
}