Donat un XHTML tal com:
<dl>
<dt>ítem1</dt>
<dd>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc ut ligula. Vestibulum auctor enim consequat mi.
</dd>
<dt>ítem2</dt>
<dd>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc ut ligula. Vestibulum auctor enim consequat mi.
</dd>
<dt>ítem3</dt>
<dd>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc ut ligula. Vestibulum auctor enim consequat mi.
</dd>
<dt>ítem4</dt>
<dd>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc ut ligula. Vestibulum auctor enim consequat mi.
</dd>
</dl>
Volem aconseguir que la disposició dels dt envers els dd sigui una sota l'altre però que les parelles entre elles flueixin una al costat de l'altre tal i com il·lustra la figura.
En aquest cas, és condició que l'alçada sigui sempre la mateixa i per tant els textos del dt i del dd seran acotats.
Quin CSS faries?