html - HTMLとCSSを使用した1行のヘッダーの不均一な間隔

Question

フォームの上のヘッダーを1行で不均等に配置したいのですが、HTMLとCSSを使用してこれを行うための最良の方法がよくわかりません。私は過去にスパンタグとパディングを使用しましたが、これはブラウザによって動作が異なり、正しく整列しません。すべてのヘッダーをスパンタグでラップするよりも良い方法があると確信しています。どうもありがとうございました。達成したいことのイメージを添付しました。

Answer 1

テーブルを使用する場合、セルはその中のコンテンツに合わせて自動サイズ変更されます。表は、純粋に表形式のデータを処理する場合でも役立ちます。または、各ヘッダーセルにクラスを割り当てて、特定の幅を設定することもできます。

<table cellpadding="5" cellspacing="5" width="100%">

<tr>

    <td>one</td>
    <td>this one needs more space and will grow</td>
    <td>this guy isn't as long</td>
    <td>short</td>

</tr>

</ p>

JSFiddleの例：http：//jsfiddle.net/JdSy2/