Member Avatar for suavedesign

I am trying to align some text vertically with an image next to it, as in: http://204.10.65.195/get_involved.php
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

vertical-align:middle

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

  • 2 Contributors
  • 2 Replies
  • 310 Views
  • 18 Hours Discussion Span
  • Latest Post Latest Post by flashhtml5
Member Avatar for 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 because: typo
Member Avatar for flashhtml5

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 because: typo
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.