Chèn ngắt CSS sau khi con thứ 4

Question

Hiện tại, example này hiển thị danh sách không theo thứ tự có 8 mục danh sách trong đó.

Có cách nào chỉ sử dụng CSS (không có HTML hoặc JavaScript) để chèn dấu ngắt sau mục thứthứ 4. Một cái gì đó như:

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

Answer 1

Thêm một phần tử khối sau nó: http://jsfiddle.net/M4aV3/1/

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

Answer 2

Bạn cũng có thể sử dụng một nhân vật break:

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

http://jsfiddle.net/00woyu28/