Html 在li中垂直对齐文本

我有一个小问题

    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;
    }

我要做的是，在li中有一个SVG，然后让文本以图像为中心，而不是坐在图像的底部

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

将

设置为与中间垂直对齐

ul#menu li a img{垂直对齐：中间；}

明白了，不用担心。”我发布了一个社区维基的答案。请把它删掉，让人们知道这里有答案。（别担心，我没有为您的解决方案找到任何代表）