Html CSS将图标和文本垂直对齐到工作位置

我有以下代码：

<li id="myLI">
<a id="myAnchor" href="#">
<img src="/icons/icon.png">Click Here</a>
</li>

我需要让文本在图标的中间对齐（垂直），所以我尝试添加：垂直对齐：中间，但不起作用。 有人能给我一些建议吗

谢谢

“居中距”是根据文本的中心需要给出的值。例如：5px 5px 0px 2px

---

“居中距”是根据文本的中心需要给出的值。例如：5px 5px 0px 2px

最好的方法是将图像（图标）作为背景。这是因为谷歌将忽略背景。你不想谷歌索引你所有的图标。我总是这样做#myLI a#myAnchor{background:url（icon.png）no repeat 0px 5px；padding:0px 0px 0px 20px；}其中背景中的0px是左边距，5px是上边距。在填充中，您需要在文本左侧留出空间以容纳图像。。。。这对所有的浏览器都会更好…最好的方法是把图像（图标）作为背景。这是因为谷歌将忽略背景。你不想谷歌索引你所有的图标。我总是这样做#myLI a#myAnchor{background:url（icon.png）no repeat 0px 5px；padding:0px 0px 0px 20px；}其中背景中的0px是左边距，5px是上边距。在填充中，您需要在文本左侧留出空间以容纳图像。。。。这对所有的浏览器都会更好。。。。

#myLI a#myAnchor img{
float:left;
margin:margin to center;
}