Как вертикально-выровнять отображение: встроенные (не встроенные) элементы в div?

Question

Я долго искал ответ, но нигде не нашел решение ...

Я сделал неупорядоченный список ссылок, и я поставил их под заголовком, как панель навигации. Тем не менее, в IE (да, что демон ...) мои ссылки не совпадают с серединой. Ниже мой код ...

Пожалуйста, помогите!

<div id="menu"> 
      <ul> 
       <li><a class="active" href="index.html">Home</a></li> 
       <li><a href="dummyPage.html">Company Profile</a></li> 
       <li><a href="phil-vision.html">Philosophy-Vision</a></li> 
       <li><a href="buslines.html">Products/Services</a></li> 
       <li><a href="structure.html">Company Structure</a></li> 
       <li><a href="contact.html">Contact us</a></li> 
       <li><a href="career.html">Career</a></li> 
       <li><a href="news.html">News</a></li> 
      </ul> 
     </div> 

#menu{float:right;text-align:center;background:#B1A17A;width:100%;} 
#menu ul li{ display:inline; list-style-type:none;} 
#menu ul li a{padding:0px 10px; font-size:14px; text-decoration:none; margin:0px 5px; font-weight:bold; vertical-align: middle; color:#5F501D;} 

Answer 1

Попробуйте использовать этот трюк:

line-height: 200%; 

работает в вашем случае. Процент зависит от высоты тега.