订购一个在另一个下面

Question

我需要创建两个标签并选择列表：

Worker: |______________|
Subcontractor: |______________|

但我希望更好地展示它（一个选择打击另一个）：

Worker:        |______________|
Subcontractor: |______________|

我不想使用表，因为这个div在一个表中，我认为这不是放桌子的好理由。

如何使用html和css执行此操作？

Answer 1

就像我之前在评论中所说，我觉得这是使用表格的一个很好的理由。我刚刚找到了this article，它解释得更好。它建议不要使用固定宽度的解决方案。

CSS3似乎可能会在未来提供solution。我没有关注CSS3的开发，​​所以我不能肯定地说。

Answer 2

在第一个单词周围加上一个标签，并给它一个特定的宽度。

label { width: 3em; }


<label for="this">Contractor</label> <select name="this">...
<label for="that">Subcontrator</label> <select name="that">...

Answer 3

浮动是最好的：

label { float:left:margin-right:10px;display:inline;width: 120px; }

Answer 4

如果您不使用表格，则需要将文本的第一部分放在div中，然后用css设置其宽度，然后再设置其浮动属性float:left。

Answer 5

您可以使用宽度合适的容器并对齐/浮动内容。