Lista boksów w linii bez przerw Opcje

[JamalBIG]

Witam

W jaki sposób można otrzymać efekt jak np. na stronie http://www.photoblog.pl ? Zależy mi aby boksy wyświetlały się obok siebie ale po przejściu do nowego wiersza 'wchodziły' pod boksy z góry. Poniżej kod który działa ale powoduje puste przretrzenie między blokami:

[HTML] pobierz, plaintext 
<style>
ul {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	vertical-align:top;
}
 
ul li {
	display:inline-block;
	width:24%;
	border:1px solid;
	vertical-align:top;
}
</style>
	<ul>
		<li>
			Tekst<br>
			Tekst
		</li>
		<li>
			Tekst
		</li>
		<li>
			Tekst
		</li>
		<li>
			Tekst<br>
			Tekst
		</li>
		<li>
			Tekst
		</li>
		<li>
			Tekst<br>
			Tekst
		</li>
		<li>
			Tekst
		</li>
	</ul>
[HTML] pobierz, plaintext 

[tzm]

http://jsfiddle.net/2zcqnoc5/

jeśli dobrze rozumiem, rozmieszczenie tego musisz ogarnąć w javascripcie jak się orientuje bo coś podobnego ostatnio pisałem w robocie

[dudek90]

Może coś takiego: http://www.w3schools.com/cssref/css3_pr_column-count.asp

Wada: IE <= 8 tego nie wspiera

[tzm]

http://masonry.desandro.com/

Jeszcze to znam, banalna implementacja, animacje, mozliwosci ktore raczej zaspokoja kazdego.