Keeping a list style type when displayed inline

HTML & CSS
1

Hi,

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:

<head>
<style type="text/css">
li {
	display:inline;
	padding-left:3px;
}
</style>
</head>
<body>
<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
</ul>
</body>

Is there a way i can keep them?

thanks

2

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:

3

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

4

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:

5