Aligner un texte et une image

Bonjour a tous et a toute,

j'ai un petit soucis, mon texte ne veut pas s'aligner avec mon image, j'ai pourtant utiliser float:left...
je vous met une capture d'écran et une partie de mon code
Pièce jointe 581211

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="roll">
					  <img src="img/contenu-img-1.jpg" width="370px" height="273px" alt="img1" class="img1">
 
					 <h3>Une dizaine de militaires armés </h3>
				       <span class="auteur">Antoine Dellec</span>
					   <span class="date">,le 27 avril 2025</span>
 
					 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
					 Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, 
					 sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
					 </div>
					 <div class="doc">
					 <img src="img/product-01.png" width="184px" height="187px" alt="doc" class="doc">
					 <img src="img/product-01.png" width="184px" height="187px" alt="doc" class="doc">
					 </div>
 
					  <div class="clear"></div>

et le

Code:

1
2
3
4
5
6
7
8
9
10
11
.roll {
	float:left;
	width:820px;
	overflow: hidden
}
 
.doc  {
	float:right;
	border-left:1px dashed #000;
	width:200px;
	}

(J'ai du donner une largeur aux div sinon ceux ci ne s'alignait pas)

Si vous avez des réponses... merci :D