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

这是一个相当标准的Rails表单的摘录：

默认情况下，这样呈现如下：

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

这看起来不太好，因为文本字段不对齐。 使表单更像这样的最简单方法是什么：

替代文字http://img193.imageshack.us/img193/746/picture7shk.png

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

Answer 1

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

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

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

希望有所帮助！

Answer 2

您可以使用

，其中每个标签位于第1列，每个文本字段位于第2列。