css overflow / inline elements

Question

Hi :)

When you put an inline list of items in a div with a fixed width and set overflow to hidden, the elements stack vertically.

Anyone have any css hacks to get them to remain inline while hidden. Possibly using overflow:hidden without a width?

Thank you in advance!

Answer 1

Fixed! Have to put elements in a container with a null "big" width so it won't wrap. =P

Answer 2

There are many methods that can be used to making a horizontal list. The main ingredient is "display: inline", applied to the "LI" element.

Read this article for details:

http://css.maxdesign.com.au/listutorial/horizontal%5Fmaster.htm