Ik heb 2 afbeeldingen naast elkaar maar nu zit er een grote wit ruimte tussen, hoe kan ik dit het beste weghalen?

HTML:
<div class="img">
<img src="http://bonna.coralixthemes.com/img/team/01.png">
<p class="desc"><b>Naam</b><br /><i>Functie</i></p>
</div>

<div class="img">
<img src="http://bonna.coralixthemes.com/img/team/02.png">
<p class="desc"><b>Naam</b><br /><i>Functie</i></p>
</div>

CSS:
div.img {
margin:10px;
height:auto;
width:auto;
float:left;
text-align:center;
}

p.desc {
text-align:center;
font-weight:normal;
width:226px;
}

En dat ziet er dan zo uit (zoals je ziet is er veel wit boven en onder de afbeelding):

margin: 0px;

voor je p.desc misschien ?
Aanvullend bericht:
en anders gewoon een top-margin: -10px; meegeven

Origineel gepost door Dennis de Ruiter

margin: 0px;

voor je p.desc misschien ?
Aanvullend bericht:
en anders gewoon een top-margin: -10px; meegeven

Ja ligt aan je margin van 10 px.

maar hoe 'mooi' is het als je ze te dicht bij elkaar zet, vind het er zo wel clean uitzien.

Origineel gepost door Spiros Mantadakis

Ja ligt aan je margin van 10 px.

maar hoe 'mooi' is het als je ze te dicht bij elkaar zet, vind het er zo wel clean uitzien.

Ik ook maar ik wil ze toch een klein beetje dichter bij elkaar plaatsen.
Aanvullend bericht:

Origineel gepost door Dennis de Ruiter

margin: 0px;

voor je p.desc misschien ?
Aanvullend bericht:
en anders gewoon een top-margin: -10px; meegeven

Thanks ik heb bij de p.desc margine-top: -30px; neergezet, ik zat daar al mee te kloten maar ik had geen idee dat je daar ook een negatief getal mocht invullen.