Css 将两个div相互对齐？轨道

我有这两个按钮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>

“SignInText”%>
“登录文本”%>

一些css，您完成了：

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

并将您的div更改为使用class而不是id。

一些css，您完成了：

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

---

并将您的div更改为使用class而不是id。

这两个div可以使用以下css相互对齐-

 #signin-button,#signup-button{ display : inline position:absolute;margin-bottom: 10px; }

---

这两个div可以通过以下css相互对齐-

 #signin-button,#signup-button{ display : inline position:absolute;margin-bottom: 10px; }

---

不要忘记ID应该是唯一的。我还是觉得我的按钮是独一无二的？为什么要上课？@RickKuipers第一个是“签到”，第二个是“签到”我的坏，看错了：PNo不好，伙计！；）不要忘记ID应该是唯一的。我还是觉得我的按钮是独一无二的？为什么要上课？@RickKuipers第一个是“签到”，第二个是“签到”我的坏，看错了：PNo不好，伙计！；）这很顺利！：）用ID指定的按钮不是很独特吗？哎呀：）看起来它们的ID是一样的。编辑我的答案：）这工作顺利！：）用ID指定的按钮不是很独特吗？哎呀：）看起来它们的ID是一样的。编辑了我的答案：）莫菲斯的解决方案非常有效，但谢谢你的帮助。如果我遇到问题，我将尝试以下方法：=德莫菲斯的解决方案非常有效，但感谢您的帮助。如果遇到问题，我将尝试以下方法：=D