Dwa divy obok siebie wyśrodkowane w poziomie - Jak?

0

Hej. Mam mały problem. Dwa divy obok siebie lecz wyśrodkowane w poziomie. Jak to uczynić? Są to małe grafiki i linki jednocześnie. Daje im właściwość float: left a diva w którym się znajdują jako text-align: center; ale dalej są przyklejone do lewej krawędzi Kod w skróci wygląda tak? Jak temu zaradzić by te dwie grafiki ułożyły się obok siebie ale na środku?


<div id="friends">
    <div id="onet"><a href="http://www.onet.pl/"><img src="img/onet.png"></a></div>
    <div id="interia"><a href="http://www.interia.pl//"><img src="img/interia.png"></a></div>
    <div style="clear: both"></div>
</div>
#friends{
text-align: center;
}
#onet{
	float: left;
	
}
#interia {
	float: left;
}

1 użytkowników online, w tym zalogowanych: 0, gości: 1