對齊文本到相鄰按鈕的中心上引導

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="https://stackoverflow.com/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> 

必須做些什麼才能在分呃？

Answer 1

您可以使用填充來完成此操作，該填充可以移動文本。

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

會給你this