右对齐div与左对齐div内联？

Question

尝试在div中右对齐文本链接时遇到困难。 我不确定自己在做什么错。 但这是div的代码，应该正确对齐：

 <div class="menu">
     <a href="http://google.com" class="button">Home</a>
     <a href="http://google.com" class="button">Sign In</a>
     <a href="http://google.com" class="button">Join The Crowd!</a>
 </div>

所有代码都在这里： http : //jsfiddle.net/GSfmf/1

我希望按钮仍在header_div中垂直居中，但要向右对齐。 而且我所做的任何事情都不会动摇它。

谢谢，很抱歉对CSS感到愚蠢。

Answer 1

从标题div中取出显示表。 您将其显示为表格是有原因的吗？

取出显示标题时，效果很好

div.header_div{
    background-color: #ffffff;
    padding: 15px 50px 15px 50px;
}

Answer 2

在CSS样式表中，只需添加以下代码...认为它可以工作.menu {float：right;}