Htmlテーブルスペースのアラインメント

Question

私はhtmlの新作です。このようなものを表示するにはどうすればいいのでしょうか？

「名前」_ _ _ _「日付」

は「空白」

私は常に左揃えに「名前」、右側に「日付」をしたい

、 すると仮定されています_それらの長さに関係なく独立しています。

私はHTMLに全く慣れていません。私はコードのごく一部にこの部分が必要です。

Answer 1

スタイルシートでは、最初の列のセルにはtext-align: leftを、2番目の列にはtext-align: rightを適用します。

Answer 2

異なるカラムにある場合は、最初のtdは<td align='left'>、もう1つは<td align='right'>です。

Answer 3

これは典型的な2列のレイアウトのようです。

<div class="twoCol"> 
    <ul> 
    <li><label>Name</label>Date</li> 
    ... more rows ... 
    </ul> 
</div> 

CSS：

.twoCol ul, twoCol li { 
    margin:0; 
    padding:0; 
    list-style:none; 
} 

.twoCol ul { 
    width:200px; 
} 

.twoCol label { 
    float:left; 
    display:block; 
    width:120px; 
    text-align:left; 

} 

.twoCol li { 
    clear:both; 
    text-align:right; 
} 

順不同リストは、このパターンのための良いツールです