php - 输入降压

Question

我的注册表有一个降级问题，我已经尝试了我在谷歌上找到的所有方法，但没有任何效果。

我的 DOB 部分分为 3 个不同的输入框，我试图将右边的列放在左边的旁边，但只要我在上面添加任何样式，年份部分就会下降。

我尝试了很多不同的变体； float ，显示，没有任何作用。我还添加了额外的框，它总是在前 2 个框之后发生下降。

当我尝试设置样式时，请注意年份下降:

无论顺序如何，总是在 2 之后下台:

HTML代码:

<div id="regforms">
    <form method="post" action="register.php" name="registerform" id="registerform">
        <fieldset2>
            <div id="regforms1">
                <label for="username"></label><input type="text" name="username" id="username" placeholder="Username"/><br />
                <label for="password"></label><input type="password" name="password" id="password" placeholder="Password"/><br />
                <label for="email"></label><input type="text" name="email" id="email" placeholder="Email"/><br />
                <input type="submit" name="register" id="login" value="Register" />
            </div>
            <div id="regforms2">
                <label for="name"></label><input type="text" name="name" id="name" placeholder="Name"/><br />
                <div id="dob">
                    <label for="dobm"><input type="text" name="month" id="month" placeholder="MM"/><br />
                    <label for="dobd"><input type="text" name="day" id="day" placeholder="DD"/><br />
                    <label for="dobd"><input type="text" name="day" id="day" placeholder="DD"/><br />
                    <label for="dobd"><input type="text" name="day" id="day" placeholder="DD"/><br />
                    <label for="doby"><input type="text" name="year" id="year" placeholder="YYYY"/><br />
                </div>
            </div>
        </fieldset3>
    </form>
 </div>

CSS:

#regforms {
margin-top:200px;
border: 0; 
display:block;
width:600px;
}

#regforms1 {
padding-right:25px;
width:275px;
float:left;
}

#regforms2 {
width:275px;
float:right;
}

#dob {
}

#month{
width:5%;
margin-right:5px;
}

#day{
width:10%;
margin-right:5px;
}

#year{
width:10%;
margin-right:5px;
}

Answer 1

正如 Aligarian 所说，您只需要删除 <br/>标记，尽管 您似乎没有关闭 <label> DOB 字段中的标记；你应该关闭它们。