Hunper adlı üyeden alıntı: mesajı görüntüle
Tek satır olacak ve yanyana olacak diye anladım eğer bu şekilde ise ve her icon arası 6px olarak varsayar isek şu şekilde olacaktır.

Demo için tıklayın

.icons {
	width:300px
}
.icons ul {
	display:block;
	margin:0;
	padding:0
}
.icons ul li {
	float:left;
	list-style:none;
	width:28px;
	margin-right:6px;
	text-align:center
}
.icons ul li img {
	max-width:28px
}
.icons ul li:last-child {
	margin-right:0
}
.c-cle {
	clear:both
}
<div class="icons">
	<ul>
		<li> <img src="icon.png" alt="" /> </li>
		<li> <img src="icon.png" alt="" /> </li>
		<li> <img src="icon.png" alt="" /> </li>
		<li> <img src="icon.png" alt="" /> </li>
		<li> <img src="icon.png" alt="" /> </li>
		<li> <img src="icon.png" alt="" /> </li>
		<li> <img src="icon.png" alt="" /> </li>
		<li> <img src="icon.png" alt="" /> </li>
		<li> <img src="icon.png" alt="" /> </li>
	</ul>
	<div class="c-cle"></div>
</div>
Bu şekilde araları 6px boşluklu şekilde ve max genişlik 28px olacak şekilde ayarlanmıştır. Eğer aradaki boşlukların genişliklerini değiştirecekseniz benim son satırı yakaladığım gibi(:last-child fontsiyonu ile) sizde istediğiniz satırları :nth-child(satır sayısı buraya) fonksiyonu ile yakalayarak margin-right değeri verip düzenleme yapabilirsiniz. Ancak örneğin birine 7 verirseniz bir diğerini 5 yapmalısınız aşağı düşme olmasın diye.
Hocam ne kadar teşekkür etsem az cidden.

Oldu ancak 1px daha sağa kayması gerekiyor. Bir türlü beceremedim. 8 adet ikondan 32px her biri.