I am trying to align some text vertically with an image next to it, as in:
On the bottom half of the page, you can see that I have a bunch of images, each one with some text next to it. I want the text to appear in the middle of each icon, not on the top, as it is now. I tried putting


on the text, put it didnt work.
What is the correct way of doing this?

5 Years
Discussion Span
Last Post by flashhtml5

Try what 'Troy III' says in this thread on daniweb.

You will have to place the <img> and <span> tags in a <div>.

Regards - Shawn

Edited by flashhtml5: typo


I actually tried out several solutions, but the base CSS you use is interfering with the solutions.

I would suggest that you add a <br/> before the text of the words you want "more" centered. For example:

<span style="supportText"><br/>Walks, Runs <br />& Bikeathons</span>

Note the <br/> immediately after the span tag.

Edited by flashhtml5: typo

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.