как переместить мою ссылку справа от моей кнопки отправки

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'

не повезло ....

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