Question

CSS3 increase space bwteen circle and text

I’ve this code for padding it does not make any difference, even I removed a padding still nothing:

   ul.lists_index { line-height:10px; padding:0 0 -10px 0;}
   ul.lists_index li{ line-height:20px;}

Is it possible to have code to increase space bwteen top of blue circles and bottom of text?

align top http://www.kerrydeaf.com/circle_space.png

Answer 1

Add this in your CSS –

#content_index_right ul li:nth-child(odd){ padding: 10px 0;}

If you need support in Old IE browsers then use jquery and add-

$('#content_index_right ul li:odd').css('padding', '10px 0');