dd要素にマーカーをつける

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>

実行例

ハッカー
凄腕のプログラマ
技術を悪用する者をさす事もあるが、本来は誤用
ナード
技術に詳しい人
社会性の低い技術バカ、技術オタクという揶揄の意を含む場合もある
ギーク
コンピュータオタク
現在では凄腕の技術者という意味で賞賛に用いることが多い
特に影響力の大きいギークをアルファギークと呼ぶ