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:32px;
margin-right:6px;
text-align:center;
}
.icons ul li img {
max-width:32px;
}
.icons ul li:nth-last-child(2) {
margin-left:1px
}
.icons ul li:last-child {
margin-right:0;
float:right
}
.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>
</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.