css - unordered list with no hard returns

Question

How can I make unordered list (ul/li) not begin on a new line for each LI. User wants the bullet, but to save space, not show bullet on each line.

Yes I know it is strange request.

Answer 1

You could use:

li { display: inline; }

To remove the way that li's normally go on a new line. People have used that method in additional to style: none; for CSS based horizontal navigation for quite a while now.

Answer 2

Try this:

li {
    float: left;
    margin: 0 15px
}