Comment style dt et dd afin qu’ils soient sur la même ligne ?

Question

En utilisant le CSS, comment puis-je le style ce qui suit :

Si le contenu de la afficher dans une colonne et le contenu de la dans une autre colonne, avec chacun et le correspondant sur la même ligne ? C'est-à-dire en produisant quelque chose qui ressemble à :

Answer 1

<pre><code></code><p><a href="http://htmledit.squarefree.com/">http://HtmlEdit.squarefree.com/</a></p></pre>

Answer 2

J’ai une solution sans utiliser des flotteurs !
vérifier ceci sur codepen

Answer 3

Si vous utilisez des données d’amorçage...

Answer 4

En supposant que vous connaissez la largeur de la marge :

Answer 5

J’ai trouvé une solution qui semble parfaite pour moi, mais il a besoin d’appoint balises. Il s’avère qu’il n’est pas nécessaire d’utiliser tag pour aligner comme dans un tableau, il suffit d’utiliser et styles :