我的CSS怎么了？

Question

我正在尝试将我的名字和旅行输入字段排成一行，但它们到处都是。 http://prime.programming-designs.com/test_forum/viewboard.php?board=0

#formdiv{
    margin: auto;
    text-align: left;
    width: 30%;
}

.fielddiv1{

    background-color: #222222;
    border: 2px solid #333333;
    vertical-align: middle;
    width: 45%;
    float: left;
}

.fielddiv2{

    background-color: #222222;
    border: 2px solid #333333;
    vertical-align: middle;
    width: 100%;
}

.fieldtext{
    width: 100%;
    background-color: #333333;
}

Answer 1

删除这两个<br /> div

之间的fielddiv1

Answer 2

在包含它们的div之间有<br>。

Answer 3

将它们（带有fielddiv1类的两个div）包装成一个div。并删除它们之间的换行符。