Aligning text with CSS

[BigToque]

I have a line of text that I have centered horizontally on my page using text-align: center, but I want to know if I can align it in the center vertically as well.

I have an image that sits beside the text, and I want the text to be aligned in the vertical center of the image instead of sitting beside the bottom of the image.

Can this be done?

 

[Abhoth]

I use the CSS below for images, wraps the text around images and such... might help in your attempts.

.imgfloatright { float : right; margin-left: 5px; }

.imgfloatleft { float : left; margin-right: 5px; }

 

[Beau]

Centering the text next to the image is easy. Use the CSS property of "vertical-align: middle" on the image.

Centering the image and the text vertically on the page is more difficult, and AFAIK cannot be done without special positioning.

Click here for an example using CSS + Javascript to accomplish it