html - <br/>文本框之间的间距不正确

我有一些复杂的文本框，提示用户输入他们的地址。第一组框与第二组框之间的间隙很大，但是尽管CSS相同且使用相同数量的<br/>，但其他任何框之间都没有间隙。

<legend>Address</legend>
    <input type="text" value="First Name" name="custfirst" size="9" required="required"/>
    <input type="text" value="Last Name" name="custlast" size="9" required="required"/><br/>
    <input type="text" value="Number" name="addnumber" size="6" required="required"/>
    <input type="text" value="Street Name" name="addstreet" size="12" required="required"/><br/>
    <input type="text" value="Country" name="addcount" size="9" required="required"/><br/>

至于CSS：

input[type=text]{
    margin-bottom: 0.5em;
}

实际结果是：

result http://img850.imageshack.us/img850/3549/qtlr.png

我以为可能是我的浏览器（夜间），但我尝试了其他浏览器，甚至让其他PC都可以查看该页面。这可能是一个很愚蠢的问题，但是在过去的20分钟里，我一直在为之绞尽脑汁，我宁愿现在解决它，也不愿稍后再讨论。

最佳答案

还有一些内置于CSS中的浏览器，可以在任何输入元素周围添加一些空间。在设置自己的自定义样式之前，请尝试设置margin:0和padding: 0。

代码胜于雄辩，请检查this out