Bullet point spacing with css




To increase the spacing between bullet points with CSS simple add the below code to your .css file:
  1. ul li   
  2. {   
  3.     margin:.5em 10% .5em 0;   
  4. }  
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


6 people like this article, click here to say you like this article too (6)
Send a link to this page via email Send a link to this page