[HTML][CSS]Ułożenie ikonek Opcje

[adrianozo]

Witam.

Mam problem z ustawieniem ikonek. Chodzi o to, że każda następna kolumna jest "przyklejona" do poprzedniej i przesunięta w dół w stosunku do poprzedniej. Chodzi mi o uzyskanie efektu równości, tj. wszystko na jednym poziomie w czterech kolumnach:

[HTML] pobierz, plaintext 
<div style="float:left; width:25%; border: 1px;">Podstrony<br />
		<a style="text-decoration: none;" href="/link.html"><img src="panel/images/home.png" width="32" height="32" border="0" /><br />Home</a><br />
		<a style="text-decoration: none;" href="/link.html"><img src="panel/images/oferta.png" width="32" height="32" border="0" /><br />Oferta</a><br />
		<a style="text-decoration: none;" href="/link.html"><img src="panel/images/o_mnie.png" width="32" height="32" border="0" /><br />O mnie</a><br />
		<a style="text-decoration: none;" href="/link.html"><img src="panel/images/kontakt.png" width="32" height="32" border="0" /><br />Kontakt</a><br /></div>
<div style="float:left; width:25%; border: 1px;">Portfolio<br />
		<a style="text-decoration: none;" href="/link.html"><img src="panel/images/dodaj_do_portfolio.png" width="32" height="32" border="0" /><br />Dodaj do portfolio</a><br />
		<a style="text-decoration: none;" href="/link.html"><img src="panel/images/edytuj_w_portfolio.png" width="32" height="32" border="0" /><br />Edytuj w porfolio</a><br />
		<a style="text-decoration: none;" href="/link.html"><img src="panel/images/usun_z_portfolio.png" width="32" height="32" border="0" /><br />Usuń z portfolio</a><br /></div>
<div style="float:left; width:25%; border: 1px;">Skrypty<br />
		<a style="text-decoration: none;" href="/link.html"><img src="panel/images/dodaj_skrypt.png" width="32" height="32" border="0" /><br />Dodaj skrypt</a><br />
		<a style="text-decoration: none;" href="/link.html"><img src="panel/images/edytuj_skrypt.png" width="32" height="32" border="0" /><br />Edytuj skrypt</a><br />
		<a style="text-decoration: none;" href="/link.html"><img src="panel/images/usun_skrypt.png" width="32" height="32" border="0" /><br />Usuń skrypt</a><br /></div>
<div style="float:left; width:25%; border: 1px;">Blog<br />
		<a style="text-decoration: none;" href="/link.html"><img src="panel/images/dodaj_aktualne.png" width="32" height="32" border="0" /><br />Dodaj wpis</a><br />
		<a style="text-decoration: none;" href="/link.html"><img src="panel/images/edytuj_aktualne.png" width="32" height="32" border="0" /><br />Edytuj wpis</a><br />
		<a style="text-decoration: none;" href="/link.html"><img src="panel/images/usun_aktualne.png" width="32" height="32" border="0" /><br />Usuń wpis</a><br /></div>
[HTML] pobierz, plaintext 

http://iv.pl/images/76687671500367063017.png

[lobopol]

masz <br> w kodzie za każdym zamknięciem diva wywal i będą się wyświetlać poprawnie.

Ale nawiasem mówiąc ten kod jest syfny. Po pierwsze powinieneś stylować przez plik css a nie liniowo, po drugie wywalić wszelkie br z niego i ustawiać odpowiedniego css elementom.