2 replies [Last post]
lyn1279
lyn1279's picture
Offline
newbie
Last seen: 7 years 27 weeks ago
Timezone: GMT-7
Joined: 2014-02-04
Posts: 4
Points: 7

Site in question: http://www.rmintegrativemedicine.com/temp-rim/index.html

The footer has images that separate a few bulleted items. How do I style the list items or the image in the list items so that it's vertically spaced down and centered with the text?

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 8 years 23 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

this will center the

this will center the images:
.footer li.footer-hand img {vertical-align: middle;}

however, I'd use a different method - probably placing the image in the background of the 4 content li and overriding the first or last to use no image.

lyn1279
lyn1279's picture
Offline
newbie
Last seen: 7 years 27 weeks ago
Timezone: GMT-7
Joined: 2014-02-04
Posts: 4
Points: 7

Why Background Images?

Hi - I'm curious why you'd use the different method?

Also, I understand what you're saying about placing the image in the background of the li but I'm lost when you said to override the first or last to use no image. Can explain? How would you code it?

Thanks for the insight!