centrer mon texte par rapport à l'image

[Laférosse]

Bonjour, j'ai créé un code pour ma signature mais j'aimerai centrer automatiquement le texte en dessous et par rapport à l'image quelque soit le nombre de caractères. Merci.

[Milouze14]

Salut Laférosse,

alors il vaut mieux utliser un tableau dans ce cas:

La première cellule td est à 10% et la deuxième à 90%, tu peux les personnaliser comme tu le souhaites .

Comme ceci:

Code:

<table>
<tr>
<td style="width: 10%;">
         <img style="width: 110px; height: 110px; border-radius: 50%; border: 0px solid #E8E8E8; background-color: #e8e8e8;" alt="Image" src="https://zupimages.net/up/24/29/z35d.png" /> 
      </td>
      
      <td style="width: 90%;">
         <span style="font-family: schoolbell, sans-serif; color: #000000; font-weight: ; font-size: 19px;">Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !Je suis cool !</span> 
      </td>
      
   </tr>
</table>

J'ai volontairement déposé pas mal de "Je suis cool" pour que tu puisses voir le rendu .

a++

[Laférosse]

Merci Milouze mais ca ne va pas du tout. j'aimerai le texte en dessous de l'image pas à côté. Celle-ci se déforme  et bizarrement cela à créé des contours (encadré gris clair).



Edit : j'ai mis 90% pour les 2 width donc l'image est mieux par contre  le texte pas du tout.



Re edit c'est bon j 'ai fait autrement merci de corbeiller Chacha.