サンプル

見出し・項目

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。

見出し・項目

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。

見出し・項目

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。

ソース

XHTML
<dl class="list301">
  <dt>見出し・項目</dt>
  <dd>テキストテキスト......</dd>
  <dt>見出し・項目</dt>
  <dd>テキストテキスト......</dd>
  <dt>見出し・項目</dt>
  <dd>テキストテキスト......</dd>
</dl>

CSS
dl.list301 dt {
  margin-top: 0.6em;
  width: 7em;
  border-bottom: solid 3px #E989C8;
  line-height: 1.1;
  font-size: 200%;
  font-weight: bold;
  font-style: italic;
  color: #E989C8;
}