Bonjour,

Je m'arrache les cheveux depuis quelque temps sur un pb de calage que je veux réaliser. Tout se passe à l'intérieur d'un <td>. J'ai une image et des lignes de texte en dessous. Tout ce petit monde est calé centrer horizontalement dans le td par un text-align:center;

Ce que je souhaite faire est d'aligner les différentes lignes de texte de longueur différente sur la gauche et le tout en restant centré horizontalement sur la ligne de texte la plus longue.

Voici un bout de code que j'ai fait:

Pour le css:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
#auteur{
        text-align : center;
	height: auto;
	margin-left:auto;
	margin-right:auto;
}
#texte{
        text-align : left;
}
Pour le html:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
<td id="auteur">
    <img src="../dossier_images/image1.jpg" ><br>
 
    <div id="texte">
          <b> texte1:</b> dfghjkljhghjkjh
          <b> texte2:</b> dfghjkljhghjkjhcuyuyygiuguy
          <b> texte3:</b> dfghjkljhghjkjhytft
    </div>
</td>
Merci d'avance de votre aide