Tag Description
<ul> The HTML <ul> tag defines an unordered(bulleted) list.

Examples:

Type HTML Code Display
Simple List 

<ul>
    <li>Coffee</li> 
    <li>Tea</li> 
    <li>Milk</li>
</ul>
  • Coffee
  • Tea
  • Milk
Simple List 
 
<ul class=”afsc-list-decimal”> 
    <li>Coffee</li>  
    <li>Tea</li>  
    <li>Milk</li> 
</ul>
  • Coffee
  • Tea
  • Milk
Nested List 

<ul> 
    <li>Coffee</li>
    <li>Tea
        <ul> 
            <li>Black Tea</li> 
            <li>Green Tea</li> 
        </ul> 
    </li> 
    <li>Milk</li> 
</ul>
  • Coffee
  • Tea
    • Black Tea
    • Green Tea
  • Milk
Nested List 
 
<ul class=”afsc-list-decimal”>  
    <li>Coffee</li> 
    <li>Tea 
        <ul class=”afsc-list-decimal”>  
            <li>Black Tea</li>  
            <li>Green Tea</li>  
        </ul>  
    </li>  
    <li>Milk</li>  
</ul>
  • Coffee
  • Tea
    • Black Tea
    • Green Tea
  • Milk
Nested List 
 
<ul class=”afsc-list-lower-alpha”>  
    <li>Coffee</li> 
    <li>Tea  
        <ul> 
            <li>Black Tea</li> 
            <li>Green Tea  
                <ul class="afsc-list-lower-roman">  
                    <li>Africa</li> 
                    <li>China</li> 
                </ul>  
            </li> 
        </ul> 
    </li> 
    <li>Milk</li> 
</ul>
  • Coffee
  • Tea
    • Black Tea
    • Green Tea
      • Africa
      • China
  • Milk
Nested List 
 
<ul class=”afsc-list-decimal”>  
    <li>Coffee</li> 
    <li>Tea  
        <ul class=”afsc-list-lower-alpha”> 
            <li>Black Tea</li> 
            <li>Green Tea  
                <ul class=”afsc-list-lower-roman”>  
                    <li>Africa</li> 
                    <li>China</li> 
                </ul>  
            </li> 
        </ul> 
    </li> 
    <li>Milk</li> 
</ul>
  • Coffee
  • Tea
    • Black Tea
    • Green Tea
      • Africa
      • China
  • Milk