solgentas adlı üyeden alıntı: mesajı görüntüle
Şema gibi bir sayfa var. Üstte 1 resim, onun altında 2 resim, onun da altında 3 resim gibi 4 satırlık resimler var.

2 resim yan yana gelecek, onun altında ise 3 resim yan yana gelecek.

Her bir satır için div oluşturdum. display:inline ve float:left değerleri atadım ama sonuç yok.

Nasıl yapabilirim sizce ? 
 
    <div class="Kapsa">
        <ul class="Satir">
            <li><img src="res.png"></li>
            <li><img src="res.png"></li>
        </ul>
        <ul class="Satir">
            <li><img src="res.png"></li>
            <li><img src="res.png"></li>
            <li><img src="res.png"></li>
        </ul>
         <ul class="Satir">
            <li><img src="res.png"></li>
            <li><img src="res.png"></li>
            <li><img src="res.png"></li>
            <li><img src="res.png"></li>
        </ul>
         <ul class="Satir">
            <li><img src="res.png"></li>
            <li><img src="res.png"></li>
            <li><img src="res.png"></li>
            <li><img src="res.png"></li>
            <li><img src="res.png"></li>
        </ul>
        <ul class="Satir">
            <li><img src="res.png"></li>
            <li><img src="res.png"></li>
            <li><img src="res.png"></li>
            <li><img src="res.png"></li>
            <li><img src="res.png"></li>
            <li><img src="res.png"></li>
        </ul>
    </div>
.Kapsa{
    position: relative;
    width: 1000px;
    height: auto;
    background: #cecece;
    margin: 0  auto;
}
.Kapsa .Satir{
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    text-align: center;
}
.Kapsa .Satir li {
    display: inline-block;
}
Demo :



İndir