Scrivo per un aiuto, dato che non sono pratico di css.

Debbo mettere una immagine a sinistra, una scritta a destra dell'immagine, e un separatore in basso; questo ripetuto per n volte in verticale.

Ho fatto così:

codice:
<div class="progetti">
	<div class="progetto">
		<div>[img]./immagini/ippc.jpg[/img]<span>IPPC-Prevenzione e riduzione integrate dell'inquinamento</span></div>
		<div class="linea"><hr /></div>
	</div>


</div>
e il mio povero css è:
codice:
<style type="text/css">
	.progetti
	{
		margin-top:30px;
	}

	.progetti img
	{
		border:none; margin-left: 10px; 	margin-right: 10px;
	}        
	.progetto
	{
		margin-top:30px;
	}
	.progetto span
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14pt;
		font-weight: 600;
		font-style: normal;
		text-decoration: none;
		word-spacing: normal;
		letter-spacing: normal;
		text-transform: none;

	}
	.linea
	{
		margin-top:4px;	
	}
	.linea hr
	{
		width:80%; text-align:left;
	}
</style>

Mi dareste una mando per razionalizzare il tutto? Ciao