菜单块对齐

Question

我正在努力让我的菜单项在底部全部对齐 - 产品，活动Feed和学习商店都应该在同一条线上，并且测试应该在产品下面，但是正在发生的是产品是向上推，文字与产品右边对齐。

我尝试将显示更改为块，我尝试了文本对齐，似乎没有任何工作。

如何使子菜单与其父项对齐？

http://jobcreatr.com/home

<ul class="menu">
    <li class="first leaf">
        <li class="leaf">
            <li class="last expanded">
                <a title="" href="http://jobcreatr.com/products">Products</a>
                <ul class="menu">
                    <li class="first last leaf">
                        <a title="" href="http://www.google.com">test</a>
                    </li>
                </ul>
    </li>
</ul>

Answer 1

将vertical-align: top;添加到<li>。只要将它们设置为display: inline-block;，这就有效。