CSS Example Menu 4: Centered Menu

I didn't add many styles to this example menu. Its purpose is to demonstrate the use of display:inline-block; — and the work-arounds for older Mozilla based browsers (e.g. Firefox 1.x-2.x and Netscape 6+) and IE5-7/Win — to center items in a list even when they wrap to multiple lines. (Firefox 3 natively supports it.) If you resize this window you will see how the list-items wrap.

It works in IE5+/Win, Firefox, Netscape 7+, Opera 8+, Safari 1.2+ (I've heard that it would probably work in 1.1 as well), Konqueror 3.3+, IE5/Mac, and iCab 3.

Related Links:

Last update: 2008-11-05