HTML で正確に 1 行 (tr) と 2 列 (td) のテーブルを作成したいと考えています。
最初の td は内容を左に揃え、2 番目の td は内容を右に揃えます。どうすればいいですか?
tr td{text-align:right}
tr td:first-child{text-align:left}
しかし、おそらく 2 つの td の代わりに th と td を使用することもできます。
これを行うには明らかにいくつかの方法がありますが、CSS3 には、求めているものにより具体的であると思われる 2 つのオプションがあります。
隣接兄弟セレクター
td { text-align: left; }
td + td { text-align: right; }
および一般的な兄弟コンビネーター
td { text-align: left; }
td ~ td { text-align: right; }
text-align
CSS でプロパティを設定するだけです。最初のものはデフォルトで不要なので、そのままにしておく必要があります。
<table style="width:200px;">
<tr>
<td style="text-align: left;">a</td>
<td style="text-align: right;">b</td>
</tr>
</table>