Html 将ul li列表垂直居中

我尝试将

ul

导航的

li

元素垂直居中。

li

中的某些元素具有不同的高度，我无法找到解决方案：/

HTML：

 <ul id="navigation">
    <li><a href="#" >Test</a></li>  
    <li>
        <a href="#">
            <div id="logo">
                THE BIG DIV
            </div>
        </a>
    </li>
    <li><a href="#" >Test</a></li>
</ul>

---

谢谢

#navigation{line height:300px；}

？那么您希望这些小元素靠近大div，但也垂直居中？我猜它们是沿着它的侧面漂浮的？谢谢Jaa-c！但行距仅适用于文本；我在大部门有一张照片。。。对不起，我没有准确的答案！所以线的高度不是你想要的。。。但是你已经更新了你的问题，把线的高度也包括进去了？我真的不明白你在问什么。请试着准确描述你想要的效果。更好的是，如果你能提供某种“图片”来展示你想要的元素布局，我们可能会提供帮助。但对于你提供的信息，这只是让人困惑。正如@Charlie74所说的线条高度，你只需要添加垂直对齐：中间；与图像一致。

#navigation li img{
/*
display: inline ;
font-size: 17px ;
margin-left : 15px;
float : left ;
background-color : red;
*/
vertical-align:middle;
 }

#navigation li img{
/*
display: inline ;
font-size: 17px ;
margin-left : 15px;
float : left ;
background-color : red;
*/
vertical-align:middle;
 }