Question

I have these two button divs which I want to align right under each other, with some 10px margin between each other. Here is the code, no point with claptrap.

<div id = "buttons">

      <div id = "signin-button">
      <%= link_to "Sign In", new_user_session_path, :id => "SignInText" %>
    </div>

    <div id = "signup-button">
      <%= link_to "Sign Up", new_user_registration_path, :id => "SignUpText" %>
    </div>

  </div>

Answer 1

Some css and you done:

#signin-button,
#signup-button
{
  float: right;
  margin-bottom: 10px;
}

And change your divs to use class instead of id.