Question

Can someone help me to bring the image vertically centered beside the text (both should be vertically centered? I have some troubles with this, because the link with the image is not on the same height as the text in the other rows.

Here is my code http://jsfiddle.net/k7CVE/

Thank you!

Answer 1

Try ‘text-bottom’ instead of ‘middle’ for vertical-align property like in your case it would be

img.load-icon {
    vertical-align: text-bottom;
    margin: 0;
    padding: 0;
    border: 0px solid black;
    height: 15px;
    width: 15px;
}