css - 将两个 div 彼此对齐？铁轨

Question

我有这两个按钮 div，我想将它们彼此对齐，彼此之间留有 10px 的边距。这是代码，没有必要哗众取宠。

<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

一些 CSS 就完成了:

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

然后将您的 div 更改为使用类而不是 id。