Html 将菜单元素垂直向上对齐

我试图将两个菜单元素（服务和关于）向上对齐，但我做不到。 你知道如何将它们垂直向上对齐吗

ul#菜单{
背景色：#F8；
显示：表格行；
}
ul#菜单li{
显示：表格单元格；
/*高度：30px*/
宽度：100px；
左侧填充：5px；
垂直对齐：底部对齐；
/*右边框：1px实心#ccc*/
}
ul#菜单li.elements{
高度：10px；
/*边缘底部：45像素*/
}
李：最后一个孩子{
右边框：0px；
}

高度：40px；“>

服务
关于

根据您的代码，只需更换从下到上的垂直对齐，它就可以工作了

ul#菜单{
背景色：#F8；
显示：表格行；
}
ul#菜单li{
显示：表格单元格；
/*高度：30px*/
宽度：100px；
左侧填充：5px；
垂直对齐：顶部；
/*右边框：1px实心#ccc；*/
}
ul#菜单li.elements
{
高度：10px；
/*页边距底部：45px；*/
}
李：最后一个孩子{
右边框：0px；
}

高度：40px；“>
服务
关于

我发现我可以在ul#menu li.elements中使用padding-bottom，现在它工作得非常完美。加垫底后：4px；它在2个元素上跳高4像素：）。 谢谢你的提示