Ciao a tutti,
ho problemi di "spazio". Come potete vedere dall'immagine (http://www.notizierc.it/screen.jpg), tra la prima e la seconda riga c'è spazio che non dovrebbe esserci e non capisco a cosa sia dovuto.

Questo l'HTML elaborato dal browser
codice:
<div class="item-evi">
<div style="width:315px; padding:0px; margin:0 auto;">
<div class='descrizione1' title='Estero'>
<a href="notizia.asp?id=18" style="text-decoration: none">
<img src="public/attacchi-londra-may_04062017162549.jpg" >
</div>
</div>
<h2>Attacchi Londra: la May "abbiamo tollerato troppo, ora basta"</h2>
</a>
</div>
<div class="item-evi">
<div style="width:315px; padding:0px; margin:0 auto;">
<div class='descrizione1' title='Reggio Calabria'>
<a href="notizia.asp?id=17" style="text-decoration: none">
<img src="public/citta-riflessa-cortometraggio-film-reggio-calabria_04062017160636.jpg" >
</div>
</div>
<h2>La città riflessa: cortometraggio tratto dalla fondazione di Reggio Calabria</h2>
</a>
</div>
<div class="item-evi">
<div style="width:315px; padding:0px; margin:0 auto;">
<div class='descrizione1' title='Sicilia'>
<a href="notizia.asp?id=16" style="text-decoration: none">
<img src="public/messina-festa-sotto-le-stelle_04062017155549.jpg" >
</div>
</div>
<h2>Messina: al via la terza edizione della Festa Sotto le Stelle</h2>
</a>
</div>
<div class="item-evi">
<div style="width:315px; padding:0px; margin:0 auto;">
<div class='descrizione1' title='Altre regioni'>
<a href="notizia.asp?id=15" style="text-decoration: none">
<img src="public/meteo-calabria-italia_04062017154414.jpg" >
</div>
</div>
<h2>Meteo: previsto grande caldo</h2>
</a>
</div>
Questo il CSS:

codice:
.item-evi		{width:310px;padding:10px;float:left;}

.descrizione1 {
padding: 0;
width: 100%;
position: relative;
}
.descrizione1 img {
width: 100%;
height: auto;
display: block;
padding: 0;
border: 0;
}