Keeping a list style type when displayed inline


When i change my list to be displayed horizontally, i lose the bullets on the items even if i declare i want them by “list-style-type:circle;

This is what i have:

<style type="text/css">
li {

Is there a way i can keep them?


Is there a way i can keep them?

I’m fairly sure that when you make them display inline they’re behaviour is now nothing like a list, so you can’t apply those list-style-xxx properties of CSS

What you can do to get a similar effect is to float the list items, then they will stack against each other, like inline elements but are still block-level elements and you can use the list-style-xxx properties :wink:

I thought that was the case, just couldnt think of another method. thanks man :slight_smile:

Another thing you could do is to make them display inline and then set a background image. Add some padding, and you’re good to go. I think :stuck_out_tongue: