HTMLの定義型リストでは、一つのdt要素に対してdd要素を複数指定することができるが、素のままのCSSでは少々読みにくい場合もある。dd要素をリスト化しマーカーを付けて読みやすくしてみる。
CSSには以下のように記述する
dl.multiple-def { list-style-type:square; } dl.multiple-def dd { display:list-item; list-style-position:inside; margin-left: 1em; }
<dl class="multiple-def"> <dt>ハッカー</dt> <dd>凄腕のプログラマ</dd> <dd>時に技術を悪用する者をさす事もあるが、本来は誤用</dd> <dt>ナード</dt> <dd>技術に詳しい人</dd> <dd>社会性の低い技術バカ、技術オタクという揶揄の意を含む場合もある</dd> </dl>
実行例