私はウェブサイトを持っています、http: //www.veluwenkamp.nl一番下のホームページで、あなたは4つのリストアイテム(写真)を見つけることができます。それらはあまりうまく整列していません、それは1つの水平線になければなりません。
私はすべてを試しましたが、うまくいきません。アドバイスをいただけますか?
前もって感謝します、
<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&h=86&w=196&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&h=86&w=196&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&h=86&w=196&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&h=86&w=196&zc=1" alt=""></div>
</div>
</li>
</ul>
そして、あなたはアライメントを取得します
あなたはあなたにを追加することによってそれを解決することができclear: both
ますul
.lijstul {
clear: both;
...
}
ul.lijstul {
width: 100%;
overflow: hidden;
}
明確にしてください:両方ともulクラス.lijstulに入れて、試してください