我试图将两个类放在 div 两侧的同一行。
我想要两个按钮:Login
&位于 and 的Register
两端,#home-button
在同一行。
这是HTML
代码:
<div id="content">
<div id="lcol" class="lfloat">
Hello
</div>
<div id="home-button" class="rfloat">
<a href="#"><div class="login-button Login">Login</div></a>
<a href="#"><div class="login-button Register">Register</div></a>
</div>
</div>
我的 CSS:
.login-button{
background:#4578bc;
color:#fff;
padding:15px 20px;
text-align:center;
}
#home-button{
width:100px;
margin:100px 0 0 0;
}
.lfloat{float:left}
.rfloat{float:right}
但是,无论我尝试什么,这两个按钮:Login
&Register
最终都位于不同行的同一侧。