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

Question

現在、この例は、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/