voila dans une page, j ai une image a gauche et j aimerai mettre du texte sur le coté droit de l image et en dessous comme sur la photo qui suit..comment je dois faire s il vous plaît ? merci

Code : Tout sélectionner
<div>Lorem ipsum dolor sit amet <img src="/ton/image/quelquepart" width="200" height="200" style="float:left;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce sapien lectus, varius eget, mollis ut, tristique id, turpis. Aliquam erat volutpat. Etiam accumsan. Maecenas malesuada. Sed dictum enim consequat metus. Sed eleifend consequat massa. Suspendisse potenti. Phasellus vehicula feugiat orci. Donec ultrices risus eget turpis. Praesent lacinia dictum urna. Vestibulum faucibus risus in nisi. Duis ligula lectus, pellentesque quis, egestas vitae, interdum volutpat, urna. Cras lectus pede, facilisis ut, fermentum sit amet, tincidunt eu, lectus. In ac neque et lorem consequat accumsan. Fusce pharetra, lectus ut gravida molestie, enim lectus tristique lectus, sollicitudin elementum ligula ligula lobortis tortor. Morbi velit. </div>
Il suffit presque de le dire : on ajoute en CSS une marge à droite de l'image. Et ça donne :En partant de la base que j ai utilisé la solution de calimerosi je desire mettre une petite marge pour pas que le texte soit trop collé a la droite de l image comment dois je faire s il vous plait.
merci
Code : Tout sélectionner
<img src="/ton/image/quelquepart" width="200" height="200" style="float:left;margin-right:8px;">Code : Tout sélectionner
<img src="/ton/image/quelquepart" width="200" height="200" class="vignette">Code : Tout sélectionner
img.vignette{float:left;margin-right:8px;}
qui s'affiche en haut à gauche de ce sujet