Bullet point spacing with css

7 August 2009

To increase the spacing between bullet points with CSS simple add the below code to your .css file:

ul li
{
margin:.5em 10% .5em 0;
}

Obviously you can change the values to reach your desired spacing, but the above works well and looks neat and tidy.

An example using this method would look like this:

  • Bullet Point 1
  • Bullet Point 2
  • Bullet Point 3
  • Bullet Point 4

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.