Вертикальное выравнивание текста внутри литий

Question

У меня есть небольшая проблема с этим

ul#menu { 
    font-size: 1.3em; 
    font-weight: 600; 
    margin: 0 0 5px; 
    padding: 0; 
    text-align: right; 
} 

ul#menu li { 
    display: inline; 
    list-style: none; 
    padding-left: 15px; 
} 

    ul#menu li a { 
     background: none; 
     color: #999; 
     text-decoration: none; 
     vertical-align:middle; 
    } 

    ul#menu li a:hover{ 
     color: #7ac0da; 
     text-decoration: none; 
    } 

То, что я пытаюсь сделать это, есть SVG внутри литий и затем текст центрированный с изображением, а чем сидел внизу.

<li><a href="~/"><img src="~/svg/iconmonstr-menu-6-icon.svg" height="30" width="30"/>Home</a></li> 

Answer 1

Установить <ul>, чтобы вертикально выровнять по центру.

ul#menu li a img { vertical-align:middle; }