テキスト入力フィールドとそのラベルが正しく

Question

を並べるここでかなり標準Railsのフォームからの抜粋です行います

<p> 
    <%= f.label :from_station %> <%= f.text_field :from_station %> 
    </p> 
    <p> 
    <%= f.label :to_station %> <%= f.text_field :to_station %> 
    </p> 

デフォルトでは、これは次のようにレンダリング：

alt text http://img412.imageshack.us/img412/127/picture6u.png

これは」doesnのテキストフィールドが並んでいないので、見栄えが良い。どのようなフォームを作成する最も簡単な方法は、より次のようになります：

alt text http://img193.imageshack.us/img193/746/picture7shk.png

私は<label>の上widthスタイルプロパティを設定しようとしましたが、このプロパティには、何もしていないようです。

Answer 1

である<table>を使用することができます。

ラベルはデフォルトでブロックレベルの要素ではないため、幅を受け付けません。このCSSを設定してみてください：

label{ 
    width: 4em; 
    float: left; 
    text-align: right; 
    margin-right: 0.5em; 
    display: block 
} 

Answer 2

あなたは、私は、これはCSSの質問のよりだと思う各ラベルが列1であり、各テキストフィールドに列2