第4個孩子之後的CSS插入中斷

Question

當前，這個example顯示了一個無序列表，其中包含8個列表項。

是否有一種方法僅使用CSS（無HTML或JavaScript）在第4個li項目後插入中斷。喜歡的東西：

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

Answer 1

後添加一個塊元素：http://jsfiddle.net/M4aV3/1/

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

Answer 2

您還可以使用中斷字符：

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

http://jsfiddle.net/00woyu28/