Simulating border-collapse in lists (no tables)

Question

I have always the same problem, when I have 2 adjacent elements with borders, the borders are merged. With tables we have the border-collapse property for solving this.

Answer 1

Give the elements margins. For example,

HTML:

    
Stuff
    
Other Stuff

CSS:

li { border: 1px solid #000; margin: 5px 0; }

jsfiddle example