将文本和图像垂直集中在<a>元素内</a>

Question

My simple HTML:

<a>
    <span>My Text</span>
    <img src="" width="50" height="50" />
</a>

My CSS:

a {
    padding: 6px;
}

Fiddler: http://jsfiddle.net/sa3LT/

Hi everybody!!

I'm having a trouble with this question. Is simple, I think, but for me I don't find a resolution for this problem.

Tks for all.

Answer 1

It sounds like you want the text in the a tag to be vertically centered next to the image. Adding this bit of CSS will solve the issue (and as pointed out from Smeegs, this CSS will be for all img tags inside an a block:

a img {
    vertical-align: middle;
}

JSFiddle : http://jsfiddle.net/sa3LT/1/