CSS: img'de dikey hizalama ve liste

Question

Bir navigasyon yapıyorum ve aynı çizgiye (vertical-align:middle;) ortalanmış olan img ve listeyi() istedim, ancak liste img'nin üzerindeydi. Yani benim sorum şu, her ikisini de aynı çizgide nasıl ortalayabilirim?

HTML:

<div id="logo"> 
    <a href=""><img src=""></img></a> 
</div> 

<nav id="main-nav"> 
    <ul> 
     <li> 
      <a href=""></a> 
     </li> 
    </ul> 
</nav> 

CSS: 

#logo, #main-nav ul li { 
    display: inline-block; 
    float: left; 
    margin-left: 2.5%; 
    position: relative; 
    vertical-align: middle; 
} 

Her yorumunu takdir ve yardım et!

Answer 1

CSS'nizde, <nav>'u hizalamak istediğiniz sırada liste öğelerini hizalayabilirsiniz.