Aligner texte et image

Résolu
Bonjour,

depuis plusieurs heures je cherche comment je pourrais aligner un texte à droite d'une image. Je voudrais également que le texte soit centrer par rapport à l'image. J'aimerais que vous m'aidiez afin de respecter le HTML5 et le CSS3

voici un exemple de ce que je veux faire en image :
https://www.casimages.com/i/130226085315622587.gif.html

Voici ce que j'ai écrit :
<section>
<figure>
<a href="etiquette2008.gif">
<img src="2008.gif" alt="2008" id="2008" title="Cliquez pour agrandir" />
</a>
</figure>

<p>
Texte... <br/>
Texte... <br/>
Texte...
</p>
</section>

merci de m'aider

7 réponses

  1. Bonjour,

    Rajoute align="left" dans la balise de ton image, comme suit:

    <img src="2008.gif" alt="2008" id="2008" title="Cliquez pour agrandir" align="left" />  
    

    Cela va faire en sorte que l'image va se tenir à gauche du texte.
    0
    1. L'image se tient bien à gauche du texte mais mon problème et que l'image dépasse maintenant de la section car la section entoure seulement le texte qui est plus petit que l'image

      Voici ce que j'ai :
      http://nsa29.casimages.com/img/2013/02/26/130226094826597624.gif

      J'aimerais que la bouteille 2008 ne dépasse pas de sa section
      0
      1. Non, en fait je fais une section par bouteille et sur l'image on voit que la bouteille de 2008 est a cheval sur la première et la deuxième section. J'aimerais que la bouteille et son texte a coté soit encadré
        0
        1. J'ai sa:
          http://nsa30.casimages.com/img/2013/02/26/130226105208914043.gif

          Alors que je veux sa :
          http://nsa29.casimages.com/img/2013/02/26/130226105405795929.gif
          0
          1. Merci de ton aide :) mon problème est résolu merci beaucoup !
            0