CSS插入第4个孩子后休息

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;
}