Css 将文本与引导上相邻按钮的中心对齐

我有以下JSFIDLE模式

在登录按钮旁边，我想有一个“忘记密码”链接

问题是链接不在按钮的中心，看起来很糟糕

相关的html代码是：

  <div class="control-group">
            <div class="controls" style="position: relative;">
                    <div class="checkbox"><input name="user[remember_me]" type="hidden" value="0"><input id="user_remember_me" name="user[remember_me]" type="checkbox" value="1"> <label for="user_remember_me">Remember me</label></div>
                <input class="control-group btn" name="commit" type="submit" value="Sign in"><a href="/users/password/new" data-remote="true" class="control-group" id="forgotpass" style="position: absolute; ">Forgot your password?</a>

记得我吗

这是从雇员再培训局创建的：

<div class="control-group">
            <div class="controls" style="position: relative;">
                <% if devise_mapping.rememberable? -%>
                    <div class="checkbox"><%= f.check_box :remember_me %> <%= f.label :remember_me %></div>
                <% end -%>
                <%= f.submit "Sign in" , :class => "control-group btn"%><%- if devise_mapping.recoverable? && controller_name != 'passwords' %><%= link_to "Forgot your password?", new_user_password_path , :remote=>true, :style => "position: absolute; bottom: 0", :id=>"forgotpass" %>
                <% end -%>
                <%= ajaxloadericon %>
            </div>
        </div>

“控制组btn”%>true，：style=>“位置：绝对；底部：0”，：id=>“放弃通过”%>

---

必须做些什么才能使其位于中间？

您可以通过填充来实现这一点，填充可以移动文本

​#forgotpass {
    padding: 5px 0 0 3px;
}​

---

将为您提供

您可以通过填充来实现这一点，填充可以移动文本

​#forgotpass {
    padding: 5px 0 0 3px;
}​

我会给你