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;
}

你需要一些东西来清除漂浮物，但这应该可以解决问题。