Listitems行事真的很奇怪

Question

我有一個網站，http://www.veluwenkamp.nl 在底部的主頁上，你可以找到4個listitems（圖片） 他們沒有很好地對齊，它必須在一條水平線上。

我嘗試了一切，但我無法使它工作。 你們可以給我一些建議嗎？

由於提前，

Answer 1

您可以通過添加一個clear: both您ul

.lijstul { 
    clear: both; 
    ... 
} 

Answer 2

使用display:inline-block

.lijstul li{display:inline-block} 

DEMO

Answer 3

列表之前添加<div style="clear:both"></div>。

<div style="clear:both"></div><ul class="lijstul"> 
<li class="lijstil"> 
<div class="portfolio-blockimg3"> 
<div class="portfolio-imgbox3"><img class="boximg-pad" src="http://www.veluwenkamp.nl/wp-content/themes/veluwenk/timthumb.php?src=http://www.veluwenkamp.nl/vknieuw3/wp-content/uploads/2012/10/picisto-20121022090807-597254.jpg&amp;h=86&amp;w=196&amp;zc=1" alt=""></div> 
</div> 
</li> 
<li class="lijstil"> 
<div class="portfolio-blockimg3"> 
<div class="portfolio-imgbox3"><img class="boximg-pad" src="http://www.veluwenkamp.nl/wp-content/themes/veluwenk/timthumb.php?src=http://veluwenkamp.nl/afbeeldingen/IMG_1359.jpg&amp;h=86&amp;w=196&amp;zc=1" alt=""></div> 
</div> 
</li> 
<li class="lijstil"> 
<div class="portfolio-blockimg3"> 
<div class="portfolio-imgbox3"><img class="boximg-pad" src="http://www.veluwenkamp.nl/wp-content/themes/veluwenk/timthumb.php?src=http://www.veluwenkamp.nl/vknieuw3/wp-content/uploads/2012/11/sgfw-30.jpg&amp;h=86&amp;w=196&amp;zc=1" alt=""></div> 
</div> 
</li> 
<li class="lijstil"> 
<div class="portfolio-blockimg3"> 
<div class="portfolio-imgbox3"><img class="boximg-pad" src="http://www.veluwenkamp.nl/wp-content/themes/veluwenk/timthumb.php?src=http://www.veluwenkamp.nl/vknieuw3/wp-content/uploads/2012/10/20090619_3844_6.jpg&amp;h=86&amp;w=196&amp;zc=1" alt=""></div> 
</div> 
</li> 
</ul> 

，你會得到對齊

Answer 4

ul.lijstul { 
width: 100%; 
overflow: hidden; 
} 

Answer 5

解決它，請把明確的：既要在ul class .lijstul並嘗試