텍스트 입력 필드를 확인하고 해당 레이블이 제대로

Question

여기 상당히 표준 레일 형태에서 발췌 한 것입니다 줄을 기본적으로

<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

이 '아무튼이 텍스트 필드가 정렬되지 않기 때문에 멋지게 보일 수 없습니다. 어떤 형태가 더이처럼 보이게하는 가장 쉬운 방법 : 나는 <label>들에 width 스타일 속성을 설정했지만, 한

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

이 속성이 아무것도하지 않는 것. 각 레이블 열 1에 각각의 텍스트 필드가 열에 여기서 당신은 <table>을 사용할 수 있습니다

Answer 1

나는 이것이 CSS 질문을 더 생각;

레이블은 기본적으로 블록 레벨 요소가 아니므로 너비를 허용하지 않습니다. 이 CSS를 설정해보십시오.

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

희망이 있습니다.

Answer 2

2.