Ciao a tutti. Avrei bisogno di creare un DIV al cui interno ci siano blocchi affiancati e che risultino allineati a sinistra, e che se non stanno nella larghezza disponibile vadano a capo.
Come posso fare?

Ho fatto questa prova, che funziona, ma ho un problema con i contenuti che dovrebbero stare dopo la sezione coi blocchetti: in pratica risalgono troppo, invece di stare dopo.

Ignorate il fatto che io abbia usato i css in linea, era per fare prima, quando tutto sarà ok li metterò in un file esterno.

codice:
<html>
<head>
<style>

</style>
</head>
<body>
<hr/>
<div>
	<div style="position: relative; float: left; border: solid 1px; margin: 5px; padding: 5px">testo1</div>
	<div style="position: relative; float: left; border: solid 1px; margin: 5px; padding: 5px">testo2</div>
	<div style="position: relative; float: left; border: solid 1px; margin: 5px; padding: 5px">testo3</div>
	<div style="position: relative; float: left; border: solid 1px; margin: 5px; padding: 5px">testo4</div>
	<div style="position: relative; float: left; border: solid 1px; margin: 5px; padding: 5px">testo5</div>
	<div style="position: relative; float: left; border: solid 1px; margin: 5px; padding: 5px">testo6</div>
	<div style="position: relative; float: left; border: solid 1px; margin: 5px; padding: 5px">testo7</div>
	<div style="position: relative; float: left; border: solid 1px; margin: 5px; padding: 5px">testo8</div>
	<div style="position: relative; float: left; border: solid 1px; margin: 5px; padding: 5px">testo9</div>
	<div style="position: relative; float: left; border: solid 1px; margin: 5px; padding: 5px">testo10</div>
	<div style="position: relative; float: left; border: solid 1px; margin: 5px; padding: 5px">testo1</div>
	<div style="position: relative; float: left; border: solid 1px; margin: 5px; padding: 5px">testo2</div>
	<div style="position: relative; float: left; border: solid 1px; margin: 5px; padding: 5px">testo3</div>
	<div style="position: relative; float: left; border: solid 1px; margin: 5px; padding: 5px">testo4</div>
	<div style="position: relative; float: left; border: solid 1px; margin: 5px; padding: 5px">testo5</div>
	<div style="position: relative; float: left; border: solid 1px; margin: 5px; padding: 5px">testo6</div>
	<div style="position: relative; float: left; border: solid 1px; margin: 5px; padding: 5px">testo7</div>
	<div style="position: relative; float: left; border: solid 1px; margin: 5px; padding: 5px">testo8</div>
	<div style="position: relative; float: left; border: solid 1px; margin: 5px; padding: 5px">testo9</div>
	<div style="position: relative; float: left; border: solid 1px; margin: 5px; padding: 5px">testo10</div>
</div>

<hr/>
</body>
</html>