Align text to MIDDLE of image?


I’m trying to get some text to align to the “middle” of an image:

The “mail” image needs to be aligned to the middle of the text, i.e you have:

[image] [text] (with text in the “middle” of the image)

I’ve tried using padding and such, but it seems to keep moving everything else :confused:

Anyone got any suggestions?



Typical … been working on this for 30+ mins, and as soon as I post here, I find the answer :stuck_out_tongue:

.box_wrapper img {

Works like a charm :smiley:


Yes as long as the elements are inline and on the same line then vertical-align will work.

Glad you worked it out. Sometimes it’s just the fact of writing it down and asking the question that triggers your own answer.:slight_smile: