CSS在2个浮动div中垂直居中

我有一个有两个浮动div的div。
在段落的左侧3个按钮和右侧链接上，单行。
当右边的链接变长（或者我决定使用更多的botton）时，段落将变为多行，我希望我的按钮垂直居中。

在我的例子中，粗体的名字“Joe Smith”很好用，但是如果变成“Joe Smith Brown Jones”，我需要我的按钮居中

CSS:

HTML:

你好，乔·史密斯·布朗·琼斯

您可以尝试：

显示：表格、表格行、表格单元格

在这种情况下，您将能够使用垂直对齐属性：

您可以在此处查看更新的示例：

---

不幸的是，这在IE6中不起作用。在IE6的情况下，您可以使用javascript定位按钮。

您必须稍微使用此CSS属性

display:table-cell; vertical-align:middle;

<div class="admin-header">
    <div class="admin-header-left">
        <a class="nav-btn rounded-left" href="#">New Order</a><a class="nav-btn" href="#">Invoices</a><a class="nav-btn rounded-right" href="#">Portfolio</a>
    </div>
    <div class="admin-header-right">
        <p>Hello <b>Joe Smith Brown Jones</b> | <a href='#'>account</a> | <a href='#'>settings</a> | <a href='#'>help</a> | <a href='#'>exit</a></p>
    </div>
    <div class='clearboth'></div>
</div>

display:table-cell; vertical-align:middle;