使文本输入字段及其标签正确排列

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

由于文本字段不对齐，因此效果不佳。使表单看起来更简单的方法是什么：

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

我已尝试在width上设置<label>样式属性，但此属性似乎没有做任何事情。

Answer 1

我认为这更像是一个CSS问题;

默认情况下，标签不是块级元素，因此不接受宽度。尝试设置此CSS：

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

希望有所帮助！

Answer 2

您可以使用<table>，其中每个标签位于第1列，每个文本字段位于第2列。