html - 让 div float 到另一个 div 右边的问题

Question

我正在尝试让我的 registerbutton div float 在 div - signinbutton 的右侧。我不认为我可以将 signin div 包装在 register div 周围以使其成为父级，因为我在 signinbutton div 下弹出了代码。我尝试制作一个jsfiddle，但效果并不相同。要查看真实 View ，我的网站是 sundayfundayleague.com。

我需要让注册按钮与登录按钮保持一致。

HTML

<div class="signinbutton"> 
    <a class="signin" href="javascript:void(0)">Sign In</a>
</div>
<div class="registerbutton">
    <a href="register.php">Register</a>
</div>

CSS

.signinbutton {
   padding: 10px;
    font-size: 2.5em;
    margin-top: 325px;
    margin-left: 30%;
}
.registerbutton {
    padding: 10px;
    font-size: 2.5em;
    margin-right: 30%;
    float: right;
}

Answer 1

您可以在第一个 div 中使用 span

演示

https://jsfiddle.net/knkvksdz/

HTML

<div class="signinbutton"> <a class="signin" href="javascript:void(0)">Sign In</a>

<span class="registerbutton">
    <a href="register.php">Register</a>
</span>

</div>

CSS

.signinbutton {
    font-size: 2.5em;
    margin-top: 325px;
    margin-left: 30%;
}
.registerbutton {
    float: right;
}