class-ების აღწერა
.a{list-style-type:circle}
.b{list-style-type:square}

მარტივი სია

<ul class=a>
<li>პირველი
<li>მეორე
<li>მესამე
</ul>


ერთმანეთში ჩადგმული

<ul class=b>
<li>პირველი<ol><li>პირველი 1<li>პირველი 2</ol>
<li>მეორე<ol><li>მეორე 1<li>მეორე 2</ol>
<li>მესამე<ol><li>მესამე 1<li>მესამე 2</ol>
</ul>


გადანომრილი სია

(იწყება შვიდიდან, რომაული)

<ol type=I class=crl>
<li value=7>მეშვიდე
<li>მერვე
<li>მეცხრე
<li>მეათე
</ol>

  1. მეშვიდე
  2. მერვე
  3. მეცხრე
  4. მეათე

სია განმარტებებით

<dl class=crl>
<dt>პირველი
<dd>განმარტება
<dd>კომენტარი
<dt>მეორე
<dd>განმარტება
<dt>მესამე
<dd>განმარტება
</dl>

პირველი
განმარტება
კომენტარი
მეორე
განმარტება
მესამე
განმარტება

DIR/LI ტიპის სია

<dir class=cbl>
<li>პირველი
<li>მეორე
<li>მესამე
</dir>

  • პირველი
  • მეორე
  • მესამე

  • MENU/LI ტიპის სია

    <menu class=cbl>
    <li>პირეველი
    <li>მეორე
    <li>მესამე
    </menu>

  • პირეველი
  • მეორე
  • მესამე