右对齐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中取出显示表格。是否有理由将其显示为表格？

Works fine when you take out display header

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

Answer 2

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