html - 字段集左右 css

Question

我有一个表格，我需要像这样显示信息:

你的名字你的地址 你的邮箱 你的密码 提交

现在我得到了这样的东西:

<fieldset class="left">
    <input type="text" id="name" placeholder="Your Name*"/>

    <input type="email" id="email" size="50" placeholder="Your Email*"/>

</fieldset>
<fieldset class="right">
    <input type="text" id="tel" size="50" placeholder="Your address*"/>

    <input type="text" id="cel" size="50" placeholder="Your password*"/>
    <input type="submit" value="Submit"/>
</fieldset>

我的类(class):

.left{float:left;}
.right{float:right;}

但它不起作用......

有什么想法吗？

演示:http://jsfiddle.net/Nu5fG/

Answer 1

它与输入字段的“大小”设置有关。将它们全部更改为 20，它们就会执行您想要的操作。

以上评论的帮助微乎其微，所以让我看看能不能给你一些实质性的东西。

1. 在这种情况下，我不认为表格布局有那么糟糕。数据是“某种”表格。

2. 您必须加宽页面，或将输入元素缩小到可能的最小尺寸。

3. 您真的需要两套字段集吗？

4. 您可以使用小字体吗？字段是否在弹出窗口中？