Merapikan Tampilan Gambar

Assalaamu'alaikum warahmatullaahi wabarakaatu...............

Hallo sobat-sobat yang lagi belajar bikin blog, apa sudah mahir ? syukur kalo sudah, ane termasuk pra pemula kali karena sampai saat ini tidak banyak yang ane tahu,   tapi ane senang liat gambar-gambar begerak, makanya pada postingan ane ini banyak memposting gambar animasi gif, ane rasa bagi sobat pemula ada mamfaatnya juga, karena dari artikel ane ini sobat bisa utak-atik gambar bagaimana cara menempatkan, merobah ukuran, menyusun  tampilan gambar gif tersebut, pada postingan sebelumnya sudah dishare cara menempatkan dan merobah ukuran, maka kali ini ane kasi tahu script gambar yang tampilan gambarnya tersusun seperti  dibawah ini :


<style>#FLOAT {margin:15px;padding:10px;width:auto;height:auto;border:1px solid white;}
#FLOAT  img{width:140px;height:140px;display:block;margin:15px;float:left;padding:10px;}
</style>

<br />
<div id="FLOAT">
<img height="120" src="URL gambar tempel disini" widht="120" />
<img height="120" src="URL gambar tempel disini" widht="120" />
<img height="120" src="URL gambar tempel disini" widht="120" />
</div><br />

Sobat coba float sebanyak yang sobat mau, dan ingat, angka yang diberi warna hijau , harus kecil dari angka yang diberi warna merah sebesar 2 x pedding (2x10 px),

Bisakan sobat ?.............