css - ブートストラップの隣接するボタンの中央にテキストを揃える

Question

私は次のjsfiddleモーダルを持っています

http://jsfiddle.net/WGGn6/1/

サインインボタンの横に「パスワードを忘れた」リンクが欲しいのですが。

問題は、リンクがボタンの中央になく、見栄えが悪いことです。

関連する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>

これはerbから作成されます：

<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>

それが中央にあるために何をしなければなりませんか？

Answer 1

これは、テキストを移動できるパディングで行うことができます。

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

これをくれます