Align text to MIDDLE of image?

HTML & CSS
1

Hi,

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

http://ultradev.com.nmsrv.com/cad/cad.htm

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?

TIA!

Andy

2

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 {
   vertical-align:middle;
}

Works like a charm :smiley:

Cheers

3

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: