View Full Version : Every list should not have line breaks

01-03-2007, 09:11 AM
May I ask how to make every list have no line breaks?
(And let me show you here) :

1 2 3
I usually use list-style-type: none but it just remove the lists at left of them.
Now, how could we do it?

01-03-2007, 09:23 AM
How about this:

li {
display: inline;
float: left;

01-03-2007, 12:56 PM
That's a bit double, and unnecessary: use either display: inline or float: left. Besides, if I recall correctly floating an element makes it block level by default.
If you use float, by the way, the spacing between the list items can be controlled using margins/padding; inline elements don't render left and right margins/padding.

01-03-2007, 01:15 PM
how embarassing... lol. Thanks ronaldb66.
However, I do believe that margins apply to inline elements, although only the left and right margin has any effect. This was clarified by Arbitrator here (http://www.codingforums.com/showthread.php?p=517144#post517144).

01-04-2007, 02:00 PM
No sweat; CSS has many tricky little details which often aren't immediately appearent, or clear for that matter. One can keep learning about this stuff--until the new version becomes available, and then it all starts again. ;)