Align text vertically next to blogroll image

  • jcharles

    (@jcharles)


    14 years, 7 months ago

    I’m using images on my blogroll and want the text be aligned horizontally to the right of the image. The text currently aligns to the top of the image. I’ve tried using “vertical Align: Center” in the CSS with no luck. Here’s the current HTML:

    <li id="linkcat-8" class="widget widget_links"><h3>Web Topics</h3>
	<ul class="xoxo blogroll">
<li><a href="http://www.txterity.com/about-me"><img alt="SEO" src="http://www.txterity.com/wp-content/uploads/2009/08/detectivethumb.png"/> SEO</a></li>

	</ul>
</li>

    I’d like for the word “SEO” to be aligned correctly. Any suggestions?

Viewing 4 replies - 1 through 4 (of 4 total)
  • esmi

    (@esmi)

    14 years, 7 months ago

    Site url?

    Thread Starter jcharles

    (@jcharles)

    14 years, 7 months ago

    The site URL is txterity.com. The item in question is the left sidebar at the bottom. It’s the one with “SEO” to the right of the image. The items above that are not from my blogroll. Thanks for taking a look.

    esmi

    (@esmi)

    14 years, 7 months ago

    Try adding:

    #sidebar_l .widget_links .blogroll img {margin-top:-25px}
#sidebar_l .widget_links .blogroll li {padding-top:35px}

    to the bottom of your stylesheet.

    Thread Starter jcharles

    (@jcharles)

    14 years, 7 months ago

    I added that bit of CSS but it didn’t appear to work. Also, some text may be two lines so I really need it to center, not just adjust for that one word (unless I’m missing something.)

    Thanks for taking out the time to help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Align text vertically next to blogroll image’ is closed to new replies.