私のsubmitボタン

Question

の右側に私のリンクを移動する方法ここでは私の見解では、関連するコードです：

<%= form_for CustomerEmail.new, :html => {:class => "js-ajax-submit js-customer-email-form invisible", :rel => {:reload => true}.to_json} do |c| -%> 
    <%= c.label :email, 'Email' %> 
    <%= c.text_field :email %> 
    <%= c.submit "Submit", :class => "small-button" %> 
    <a href="#" class='js-close-popup'>Cancel</a> 
<% end -%> 

現在、「キャンセル」のリンクは、テキストボックスのラベルされた「電子メールの右側に配置されているが、 "送信ボタンの右側に移動する必要があります。

私が知っているすべてのhtmlタグを試しました：div、span、td、tr、li。それらの誰も私が得る必要があった私を得た。 は、私はまた、いくつかのCSSを試してみた：style='float: right; padding-top: 5px; padding-right: 20px; padding-bottom: 5px'

運....あなたはright` `に設定あなたの含む要素のための`テキストalign`性質を持って起こるないでしょう

Answer 1

<%= form_for CustomerEmail.new, :html => {:class => "js-ajax-submit js-customer-email-form invisible", :rel => {:reload => true}.to_json} do |c| -%> 
    <%= c.label :email, 'Email' %> 
    <%= c.text_field :email %> 

    <div style="float: right"> 
    <%= c.submit "Submit", :class => "small-button", :style => "float: left;" %> 
    <div style="display: block; float: left; padding: 5px 0px 5px 20px;"> 
     <a href="#" class='js-close-popup'>Cancel</a> 
    </div> 
    </div> 
<% end -%>