The vertical space between the <li>

Question

How to add vertical space between <li> elements (including display of blocks - block displays should have a difference between them)?

Answer 1

I (like everyone else) are confused by what you ask. Would such a code be useful?

 ul { margin: 1em 0; padding: 0 0 0 40px; } li { margin: 1em 0; } 

Or is it more like that?

 ul { margin: 0; padding: 0 0 0 40px; } li { margin: 0; } li + li { margin-top: 1em; } 

This CSS assumes that you are using the ul ad li elements correctly as:

 <ul> <li>foo</li> <li>bar</li> <li>baz</li> </ul> 

Answer 2

Try the following:

 li { margin-bottom: 10px; } 

Answer 3

Set the CSS margin property for your <li> elements:

 li { margin-bottom: 1em; } 

eg. See http://jsfiddle.net/ubxvS/

Answer 4

 .MyUl li { display: block; height: 20px; } 

Answer 5

 li { display: block; height: 20px; margin-bottom: 10px; }