salto de inserción de CSS después del 4to hijo

Question

Actualmente, este example muestra una lista desordenada con 8 elementos de lista en él.

¿Hay alguna forma de usar solo CSS (sin HTML o JavaScript) para insertar un salto después del 4to artículo li? Algo así como:

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

Answer 1

Añadir un elemento de bloque después de que: http://jsfiddle.net/M4aV3/1/

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

Answer 2

También puede utilizar un carácter de salto:

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

http://jsfiddle.net/00woyu28/