CSSing HTML 表单布局（标签/输入等宽）

Question

我正在尝试为我的 HTML 表单布局创建以下 CSS 规则：

1. 每个标签和对应的输入元素分别占宽度的50%：

|标签 |输入 |

1. 我希望能够左右对齐标签。 （输入总是左对齐。）

我注意到的一些事情 - 标签宽度似乎无法由 CSS 设置？

有什么好主意吗？谢谢

Answer 1

您的标签需要浮动：

label {
    float: left;
    width: 100px; /* change this to whatever you want */
    /* these make it look nicer */
    text-align: right;
    padding-right: 10px;
}

你还需要它下面的东西来清除浮动，但这应该可以解决问题。