<p>I have an html file with an unordered list.  I want to show the list items horizontally but still keep the bullets.  No matter what I try, whenever I set the style to inline to meet the horizontal requirement I can't get the bullets to display.</p>

Did you try
```
float: left
```
on your
```
<li/>
```
? Something like this:
```
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <style type="text/css">
        ul li {
            float: left;
            margin-left: 2em;
        }
    </style>
</head>
<body>
    <ul>
        <li>test</li>
        <li>test2</li>
    </ul>
</body>
</html>
```
```
I only tested Firefox 3.0.1, works there. The
```
margin
```
is set because else your bullet overlaps the previous item.
addition:
Be wary that when you float the items you remove them from the normal flow, which in turn causes the
```
<ul/>
```
to have no height. If you want to add a border or something, you'll get weird results.
One way to fix that is to add the following to your styles:
```
```
ul {
    overflow: auto;
    background: #f0f;
}
```
```