CSS de resimleri yanyana marginli şekilde dizmek

Beyler resimleri yanyana koyuyorum ama marginli şekilde koyamıyorum bunun için hani kodu kullanmam gerek ?

.network {
	float: left
	margin:5px;
	
cssye ekliyorum . sidebarda kullandığım kodda şu :

<div class="network">

<a href="Site" rel="nofollow" target="_blank"><img src="/1.png" height="60" width="90"></a><a href="Site" rel="nofollow" target="_blank"><img src="/1.png" height="60" width="90"></a><a href="Site" rel="nofollow" target="_blank"><img src="/1.png" height="60" width="90"></a>

</div>

hepsi yanyana çıkıyor acaba nerde hata yapıyorum ?

.network img
{
margin:5px;
}

.network sınıfına margin vermişsiniz. .network sınıfı içindeki resimlere margin vermeniz gerekiyor.

.network img {
	float: left;
	margin-right:5px;
}

olmadı hocam. sadece .imglisinide ekledim değişme yok

.network a {float:left; margin:5px;}

resim kodlarını dib dibe yazdım diyemi olmuyor acaba ?

Hayır onunla alakası yok.


.network a {
display: block;
float: left;
margin:5px;
}

yaparsanız sorun çıkmaz.

Block seviyesinde olmayan elementlerde margin değerleri beklendiği gibi çalışmaz.

.network a {
    display: block;
    float: left;
    margin: 5px;
}

.network img {
float: left
margin:5px;
}