CSS-Insert-Pause nach 4. Kind

Question

Derzeit zeigt diese example eine ungeordnete Liste mit 8 Listenelementen darin.

Gibt es eine Möglichkeit, nur mit CSS (kein HTML oder JavaScript) eine Pause nach dem 4. li Element einfügen. Etwas wie:

ul li:nth-child(4n):after { 
    content = '<br>'; 
} 

Answer 1

hinzufügen block Element, nachdem es: http://jsfiddle.net/M4aV3/1/

ul li:nth-child(4n):after { 
    content: ' '; 
    display: block; 
} 

Answer 2

Sie können auch eine Pause-Zeichen verwenden:

li:nth-child(4n):after { 
    content: '\a'; 
    white-space: pre; 
} 

http://jsfiddle.net/00woyu28/