リスト・定義リスト・注釈

<ul class="c-list">
<li>短いテキスト</li>
<li>やや長めのテキスト項目です</li>
<li>これは中程度の長さのダミーテキストです</li>
<li>
これはとても長いダミーテキストで、複数行になることを想定しています。スタイルのテストにおいて、長いテキストがどのように折り返されるかを確認するために使用します。
<ul class="c-list">
<li>内部リストの最初の項目</li>
<li>
内部リストの2番目の項目
<ul class="c-list">
<li>深くネストされた項目</li>
</ul>
</li>
</ul>
</li>
<li>最後の項目</li>
</ul> 

<ul class="c-list-number">
<li>短いテキスト</li>
<li>やや長めのテキスト項目です</li>
<li>これは中程度の長さのダミーテキストです</li>
<li>
これはとても長いダミーテキストで、複数行になることを想定しています。スタイルのテストにおいて、長いテキストがどのように折り返されるかを確認するために使用します。
<ul class="c-list-number">
<li>内部リストの最初の項目</li>
<li>
内部リストの2番目の項目
<ul class="c-list-number">
<li>深くネストされた項目</li>
</ul>
</li>
</ul>
</li>
<li>最後の項目</li>
</ul> 

<ul class="c-list-number-paren">
<li>短いテキスト</li>
<li>やや長めのテキスト項目です</li>
<li>これは中程度の長さのダミーテキストです</li>
<li>
これはとても長いダミーテキストで、複数行になることを想定しています。スタイルのテストにおいて、長いテキストがどのように折り返されるかを確認するために使用します。
<ul class="c-list-number-paren">
<li>内部リストの最初の項目</li>
<li>
内部リストの2番目の項目
<ul class="c-list-number-paren">
<li>深くネストされた項目</li>
</ul>
</li>
</ul>
</li>
<li>最後の項目</li>
</ul> 

<ul class="c-list">
<li><span class="c-list_marker">1)</span>短いテキスト</li>
<li><span class="c-list_marker">2)</span>やや長めのテキスト項目です</li>
<li><span class="c-list_marker">3)</span>これは中程度の長さのダミーテキストです</li>
<li>
<span class="c-list_marker">4)</span>
これはとても長いダミーテキストで、複数行になることを想定しています。スタイルのテストにおいて、長いテキストがどのように折り返されるかを確認するために使用します。
<ul class="c-list">
<li class="u-pl-2.75em"><span class="c-list_marker">4-1)</span>内部リストの最初の項目</li>
<li class="u-pl-2.75em">
<span class="c-list_marker">4-2)</span>
内部リストの2番目の項目
<ul class="c-list">
<li class="u-pl-3.75em"><span class="c-list_marker">4-2-1)</span>深くネストされた項目</li>
</ul>
</li>
</ul>
</li>
<li><span class="c-list_marker">5)</span>最後の項目</li>
</ul> 

<dl class="c-definition">
<dt>吾輩は猫である。</dt>
<dd>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。</dd>
<dt>吾輩は猫である。</dt>
<dd>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。</dd>
<dt>吾輩は猫である。</dt>
<dd>
<ul class="c-list">
<li>店舗什器・備品</li>
<li>自動販売機</li>
<li>冷凍・冷蔵ショーケース</li>
<li>洗車機</li>
</ul>
</dd>
</dl> 

<dl class="c-definition-list">
<dt>吾輩は猫である。</dt>
<dd>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。</dd>
<dt>吾輩は猫である。</dt>
<dd>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。</dd>
<dt>吾輩は猫である。</dt>
<dd>
<ul class="c-list">
<li>店舗什器・備品</li>
<li>自動販売機</li>
<li>冷凍・冷蔵ショーケース</li>
<li>洗車機</li>
</ul>
</dd>
</dl> 

<dl class="c-definition-number">
<dt>吾輩は猫である。</dt>
<dd>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。</dd>
<dt>吾輩は猫である。</dt>
<dd>
<dl class="c-definition-number-paren">
<dt>吾輩は猫である。</dt>
<dd>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。</dd>
<dt>吾輩は猫である。</dt>
<dd>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。</dd>
</dl>
</dd><dt>吾輩は猫である。</dt>
<dd>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。</dd>
</dl> 

<dl class="c-definition-number-paren">
<dt>吾輩は猫である。</dt>
<dd>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。</dd>
<dt>吾輩は猫である。</dt>
<dd>
<dl class="c-definition-number">
<dt>吾輩は猫である。</dt>
<dd>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。</dd>
<dt>吾輩は猫である。</dt>
<dd>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。</dd>
</dl>
</dd><dt>吾輩は猫である。</dt>
<dd>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。</dd>
</dl> 

<dl class="c-definition">
<dt class="u-pl-4.25em"><span class="c-definition_marker">その１）</span>吾輩は猫である。</dt>
<dd class="u-pl-4.25em">吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。</dd>
<dt class="u-pl-4.25em"><span class="c-definition_marker">その２）</span>吾輩は猫である。</dt>
<dd class="u-pl-4.25em">吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。</dd>
</dl> 

<p class="c-notice">吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。</p> 

<ul class="c-notice">
<li>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。</li>
<li>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。</li>
</ul> 

<ol class="c-notice -num">
<li>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。</li>
<li>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。</li>
</ol> 

<ol class="c-notice u-pl-12">
<li><span class="c-notice_type">その１</span>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。</li>
<li><span class="c-notice_type">その２</span>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。</li>
</ol>