LI中的CSS对齐图标和文本-垂直对齐以正常工作

Question

I have this code:

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

I need to get the text to align in the middle of the icon (vertically), so I tried adding: vertical-align:middle but it's not working.

Can anyone advice please?

Thanks

Answer 1

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

Margin to center is the values that you need to give according to the center of the text. eg margin : 5px 5px 0px 2px;