Keeping bullet points when my list items are inline

[CherishedSites]

Hi all,

Does anybody know if there is a way of keeping my bullet points when i give the {display: inline;} property to my list items? At the moment they just disappear. I have tried altering the padding to get them back but that doesn't seem to be working.

Any ideas?

Thanks!

[Rob]

That one is pretty simple, but involves using a non repeating background image for your bullet.

Try this:-

Code: Select all

li {
  display: inline;
  padding-left: 12px;
  background: url(bullet.gif) no-repeat;
  }

Just make an image to represent your bullet. depending on the size of your bullet, you may want to alter the left padding.