Image in forum description alignment with text

[jdab]

I have added an icon to my forum description - however, the text starts at the bottom of the image. This is what it looks like:


I want the text to align correctly with the image so that it all fits nicely next to it rather than starting at the bottom. Sorry if this is poorly worded.

Any ideas?

 

[kavin]

Add vertical-align:middle to the image.

http://jsfiddle.net/Yz896/

 

[jdab]

Add vertical-align:middle to the image.

http://jsfiddle.net/Yz896/

That only aligns the first line of text though, the rest just gets shifted underneath.

 

[kavin]

To make all of them align in a row, you should create a separate <td> for image and separate on for the text.

What forum software are you using? Also, can i have a link to the forum?

 

[juststeven]

Also, can i have a link to the forum?

http://www.blogpromotion.net/

 

[pandaa]

Add the following to the image src. If this works, which it should, we'll work on moving it to CSS where it should be. 🙂

style="vertical-align:center;float:left;padding-right:4px;"

 

[jdab]

style="vertical-align:center;float:left;padding-right:4px;"

Thanks!