主に技術的なことを書くブログ

浅めにマークアップ&フロントエンドの技術的なことをメモしていましたが、ざっくばらんに書いています。

dt, dd横並びで、通しでborderを入れる

いまさら感半端ないと思いますが、本当によく忘れるのでメモ。

dl dt {
     float: left;
     clear: left;
     width: 7em; 
}

dl dd {
     border-bottom: 1px dotted #ccc;
     padding-left: 7.5em; /* dtの幅以上のpaddingをとる*/
}