title: Override bootstrap float & margin
body: <p>I have a page that looks like the following<img src="https://i.stack.imgur.com/4YYkp.png" alt="enter image description here">. </p>
  
  <p>Now I am trying to replicate this by using twitter boostrap <code>&lt;div class= hero-unit&gt;</code>. I have the done the following: </p>
  
  <pre><code>&lt;div class="center hero-unit"&gt;
    &lt;table class="form"&gt;
      &lt;tr&gt;
        &lt;td&gt;
          &lt;%= form_for(@user) do |f| %&gt;
              &lt;% if @user.errors.any? %&gt;
                  &lt;div id="error_explanation" xmlns="http://www.w3.org/1999/html"&gt;
                    &lt;h2&gt;&lt;%= pluralize(@user.errors.count, "error") %&gt; prohibited this user from being saved:&lt;/h2&gt;
  
                    &lt;ul&gt;
                      &lt;% @user.errors.full_messages.each do |msg| %&gt;
                          &lt;li&gt;&lt;%= msg %&gt;&lt;/li&gt;
                      &lt;% end %&gt;
                    &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;% end %&gt;
              &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                &lt;td class="th" colspan="2"&gt;Login Details&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                &lt;% if @user.id %&gt;
                    &lt;td&gt;&lt;%= f.label :id %&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;%= @user.id %&gt;&lt;/td&gt;
  
                &lt;% end %&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                &lt;td&gt;&lt;%= f.label :current_sign_in_at, "Sign in time" %&gt;&lt;/td&gt;
                &lt;td&gt;&lt;%= @user.current_sign_in_at.nil? ? "Not signed in" : @user.current_sign_in_at.strftime('%d-%b-%Y %H:%M:%S') %&gt;&lt;/td&gt;
  
              &lt;/tr&gt;
              &lt;tr&gt;
                &lt;td&gt; &lt;%= f.label :first_name %&gt;
                  &lt;br/&gt;&lt;/td&gt;
                &lt;td&gt;&lt;%= @user.first_name %&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                &lt;td&gt;&lt;%= f.label :last_name %&gt;
                  &lt;br/&gt;&lt;/td&gt;
                &lt;td&gt;&lt;%= @user.last_name %&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                &lt;td&gt;&lt;%= f.label :email %&gt;
                  &lt;br/&gt;&lt;/td&gt;
                &lt;td&gt;&lt;%= @user.email %&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;% if can? :manage, :all %&gt;
                  &lt;tr&gt;
                    &lt;td class="th" colspan=2&gt;Roles and Privileges&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                    &lt;% for role in Role.all %&gt;
                        &lt;td&gt;&lt;%= role.name %&gt;&lt;%= check_box_tag "user[role_ids][]", role.id, @user.roles.include?(role), :disabled =&gt; true %&gt;&lt;/td&gt;
                    &lt;% end %&gt;
                  &lt;/tr&gt;
              &lt;% end %&gt;
              &lt;tr&gt;
                &lt;td&gt;
                  &lt;%= link_to 'Edit', edit_user_path(@user), :class =&gt; 'btn btn-medium' %&gt; |
                  &lt;%= link_to 'Back', usermanagement_path, :class =&gt; 'btn btn-medium' %&gt;
                &lt;/td&gt;
              &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;table class="form" &gt;
                &lt;% if @user == current_user %&gt;
                    &lt;caption&gt;&lt;b&gt;Previous Orders&lt;/b&gt;&lt;/caption&gt;
                    &lt;thead&gt;
                    &lt;tr&gt;
                      &lt;th&gt;Order No:&lt;/th&gt;
                      &lt;th&gt;Order Date&lt;/th&gt;
                      &lt;th&gt;Quantity&lt;/th&gt;
                      &lt;th&gt;Total&lt;/th&gt;
                      &lt;th&gt;View Order&lt;/th&gt;
                    &lt;/tr&gt;
                    &lt;/thead&gt;
                    &lt;% current_user.orders.each do |order| %&gt;
                        &lt;tr&gt;
                          &lt;td style="width: 10px;"&gt;&lt;%= order.id %&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;%= order.created_at.to_s(:short) %&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;%= order.quantity %&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;%= number_to_currency(order.total_price, :unit =&gt; "£") %&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;%= link_to 'View Order',(order)%&gt;&lt;/td&gt;
                        &lt;/tr&gt;
                    &lt;% end %&gt;
                    &lt;% if current_user.orders.empty? %&gt;
                        &lt;tr&gt;
                          &lt;td&gt;No bookings found&lt;/td&gt;
                        &lt;/tr&gt;
                    &lt;% end %&gt;
                    &lt;/table&gt;
  
  
                  &lt;/div&gt;
          &lt;% end %&gt;
  &lt;% end %&gt;
  </code></pre>
  
  <p>The above changes output the following:</p>
  
  <p><img src="https://i.stack.imgur.com/4Htg0.png" alt="enter image description here"></p>
  
  <p>So what my question is how can I possibly get it to be aligned to the right of the <code>login details</code>. I did attempt to do the following <code>&lt;table style="float: left; margin-left: 20px;"&gt;</code> on the <code>Previous Orders</code> table. Why is this not working! </p>