Float sinistra div andando alla riga successiva

Question

io abbiamo qualcosa di simile al di sotto:

<div style="float:left;margin-left:5px;">Test</div> 

Il problema è che ho bisogno di avere questa occorrenza div più volte. Se si ripete più volte, invece di costringervi a scorrere a destra per vedere il resto (come lo voglio io), si passa invece alla riga successiva.

Esempio del problema: http://jsfiddle.net/ruh7z/1/

Qualsiasi aiuto con questo sarebbe grande, grazie

Answer 1

Questo comportamento è esattamente ciò che si suppone debba fare. Se utilizzi lo stile table-cell per lo stile display, potresti ottenere più di ciò che ti aspetti. Si noti che sarà necessario utilizzare il riempimento anziché i margini se si utilizza table-cell.

.container div 
{ 
    display: table-cell; 
    padding-left: 5px; 
} 

Here's a sample di questo in uso.

Answer 2

messo i div in una "larghezza fissa" div contenitore e prevenire troppo pieno. quindi avere i bottoni o qualsiasi altra cosa a ciascuna estremità del contenitore div per "far scorrere" i div dei bambini a sinistra oa destra.