如何对齐按钮下方的文字？

Question

我想在按钮下方对齐文字，但我无法这样做。我想在登录按钮下面忘记密码我的代码是：

<div style="padding-top: 20px;clear: both;">
        <h2>Welcome</h2> 
        <a href="#" class="btn btn-group-xs bg-info"  style="color:white;float:right;margin-right: 20px;margin-top: 30px">Signup</a>
        <a href="#" class="btn btn-group-sm bg-info"  style="color:white;float:right;margin-right:40px;margin-top:30px;">Login</a>

        <a href="#" style="font-size:20px;color:white;float: right;margin-right: 40px;margin-top:60px;padding-right: 40px; ">Forgot password</a> 

  </div>

请帮忙。

Answer 1

你可以这样做。将两行保持在单独的<div>

中

<div style="clear: both;">
            <h2>Welcome</h2> 
            <div style="float:right;">
                <a href="#" style="color:white;margin-right: 20px;">Signup</a>
                <a href="#" style="color:white;margin-right:40px;">Login</a>
     </div>

    <div style="clear: both;float: right;margin-right:40px;margin-top:10px;">
    <a href="#" style="font-size:20px;color:white;">Forgot password</a> 
</div>

Answer 2

删除float元素并设置display：block。