A definíciós listák kissé másként működnek a másik két listafajtához képest. A lista ezúttal is egy dobozba kerül, amelyet a DL elemmel hozunk létre. Ebben azonban két elem szerepelhet:
Az eredmény a fent látható lista lesz. A DT elemnek kizárólag sorbeli tartalma lehet (nem tartalmazhat blokk-szintű elemet), míg a DD blokk-szintű tartalommal rendelkezik.
Egy adott definícióval több címszó is meghatározható, illetve egy címszóhoz több meghatározás is tartozhat:
További felhasználási lehetőség, ha párbeszédet (pl. szövegkönyvben) szeretnénk úgy beírni, hogy látszódjon, hogy mit ki mond. Ekkor a szereplő neve a DT elemben, a szövege a DD elemben kap helyet.
Mint látható, alaphelyzetben a címszó a meghatározás fölött jelenik meg, míg a meghatározás nagyobb baloldali margóval rendelkezik. Természetesen ezen is lehet változtatni, mégpedig a következők figyelembe vételével:
Létezik egy olyan doboz-típus, hogy compact. Ezt a
display tulajdonsággal egy
elemre beállítva, az az elem egy compact dobozban fog megjelenni. Ha
például egy dokumentumban a DT elemet ilyen dobozba rakjuk, és beállítunk egy
megfelelő margót a DD elemnek, akkor a következő példában látható eredményt
kaphatjuk:
Elképzelhető, hogy a használt böngészőn nem úgy jelenik meg, ahogyan szeretnénk, mert nem ismeri még ezt a lehetőséget (jelenleg ilyen a Mozilla is).
A DT elembe kerülő szöveg igazítását a
text-align tulajdonsággal, a
betűtípusát és betűstílusát a szövegre
vonatkozó tulajdonságokkal lehet beállítani.
Bizonyos esetekben lehet, hogy egyszerűbb a definíciós lista helyett inkább a felsorolást alkalmazni a következőképpen: