Alignement des <dt> et des <dd>

Bonjour à tous,

Je cherche à aligner horizontalement des <dt> et des <dd> de façons à ce qu'ils s'affichent correctement. Sachant que plusieurs <dd></dd> peuvent arriver après un <dt> si jamais il y a plusieurs définitions pour un même libelle. J'ai testé les floats et les inline-block, sans résultat ; à chaque fois qu'un <dt> ou un <dd> est trop grand, ça décale tout d'un côté ou de l'autre.

Évidemment sur des petits textes ça fonctionne, mais dès que ça fait quelques mots, tout est décalé comme vous pouvez le voir ci-dessous :



Voici le dernier CSS en date :

dl, dl dt, dl dd {
	margin: 0;
	padding: 0
}
dl dt {
	width: 250px;
	background-color: #ececec;
	color: #666666;
	margin-bottom: 2px;
	padding: 2px 5px;
	float: left;
	clear: both
}
dl dd {
	color: #666666;
	margin: 0 0 2px 260px;
	padding: 2px 5px;
	display: block
}

Merci d'avance à ceux qui pourront m'aider

Bonjour,

Le modèle tabulaire me semble tout indiqué, non ?

Hello,

Le problème vient de ta façon de nettoyer les flottants, et de simuler l’alignement avec une marge énorme.

Voici un exemple qui fonctionne, et qui est plus simple (sur Dabblet).

J'espère que c'est suffisamment clair, mais n'hésite pas à demander

Bonne continuation !