4番目の子の後にCSS挿入ブレーク

Question

現在、このexampleには、8個のリスト項目が含まれています。

4番目のliアイテムの後に改行を挿入するためのCSS（HTMLまたはJavaScriptなし）のみを使用する方法はありますか。ような何か：

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/