サンプル

1. ライティング

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

2. XHTMLコーディング

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

3. カンプデザイン

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

4. CSSコーディング

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

ソース

XHTML
<ol class="list611">
  <li>
    <dl>
      <dt>ライティング</dt>
      <dd>テキストテキスト......</dd>
    </dl>
  </li>
  <li>
    <dl>
      <dt>XHTMLコーディング</dt>
      <dd>テキストテキスト......</dd>
    </dl>
  </li>
  <li>
    <dl>
      <dt>カンプデザイン</dt>
      <dd>テキストテキスト......</dd>
    </dl>
  </li>
  <li>
    <dl>
      <dt>CSSコーディング</dt>
      <dd>テキストテキスト......</dd>
    </dl>
  </li>
</ol>

CSS
ol.list611 li {
  margin-top: 1em;
  margin-bottom: 1em;
  list-style: decimal;
  font-size: 200%;
  font-weight: bolder;
  font-style: italic;
  color: #CCC;
}

ol.list611 li dl {
  font-size: 50%;
  font-style: normal;
  color: #333;
}

ol.list611 li dl dd {
  font-weight: normal;
}

* html ol.list611 li dl { /*for IE6 */
  display: inline;
}

*:first-child+html ol.list611 li dl { /*for IE7 */
  display: inline;
}