在CSS僞類之後添加換行符

Question

如何在兩個列表元素的每個組之後插入換行符？它不一定需要是HTML <br />，而只是將下兩個元素移動到下一行。試圖在這裏完全使用CSS/3（通過jQuery）。

HTML：

<div id="headline_gallery"> 
    <ul> 
     <li><img src="images/picture1.png" alt="picture1" /></li> 
     <li><img src="images/picture2.png" alt="picture2" /></li> 
     <li><img src="images/picture3.png" alt="picture3" /></li> 
     <li><img src="images/picture4.png" alt="picture4" /></li> 
    </ul> 
</div> 

CSS：

#headline_gallery li:nth-child(4n),#headline_gallery li:nth-child(4n-1) { 
    background:red; 
    display:inline; 
} 

#headline_gallery li:nth-child(4n-2),#headline_gallery li:nth-child(4n-3) { 
    background:blue; 
display:inline; 
} 

Answer 1

我會用好老浮動和第n個孩子選擇

http://jsfiddle.net/QCcca/

li { 
    float: left; 
} 
li:nth-child(odd) { 
    clear: left; 
} 

Answer 2

浮法LIS左，然後清除後，每一秒：

#headline_gallery li { 
    float: left; 
} 
#headline_gallery li:nth-child(2n + 1) { 
    clear: left; 
} 

Demo