> I'm trying to create a horizontal navigation menu where each list item
> contains an image and descriptive text. I want the image to be
> centered
> within the item and also be block so that the text is below it.
>
> Here's what the HTML looks like:
>
> <ul>
> <li>
> <img src="image.gif" />
> <p>This paragraph explains the item.</p>
> </li>
> <li>
> <img src="image2.gif" />
> <p>This paragraph explains the item 2.</p>
> </li>
> </ul>
Does this not work?
li img {
display: block;
margin: 0 auto;
}
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
