Resimleri Yanyana Dizme

Merhaba css de resimleri nasıl dizerim yanyana ?

Resimler (<IMG>) varsayılan olarak inline'dir. Normal olarak yan yana dururlar ama css float:left; özelliğini de kullanabilirsiniz.

HTML Kodu

<ul>
   <li><img src="adres" alt="alt yazısı" title="title yazısı" width="genişlik" height="yükseklik"></li>
   <li><img src="adres" alt="alt yazısı" title="title yazısı" width="genişlik" height="yükseklik"></li>
   <li><img src="adres" alt="alt yazısı" title="title yazısı" width="genişlik" height="yükseklik"></li>
   <li><img src="adres" alt="alt yazısı" title="title yazısı" width="genişlik" height="yükseklik"></li>
   <li><img src="adres" alt="alt yazısı" title="title yazısı" width="genişlik" height="yükseklik"></li>
   <li class="clear"></li>
</ul>

CSS Kodu

ul {overflow:hidden;}
ul li {float:left; margin-right:20px;}
ul li img {border:2px solid #000;}
.clear {clear: both}

Ben olsam bu şekilde yapardım.

Css'e

img {
 float:left;
}

Ekleyerek sitedeki bütün resimleri yan yana dizebilirsin.

İlgilenen herkese teşekkürler.