Bullet point spacing with css

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