Lists

A list helps in grouping a related set of items.

Unordered list/ Bullet List

            
                <ul class="list-ul">
                    <li class="list-items">Bread</li>
                    <li class="list-items">Butter</li>
                    <li class="list-items">Jam</li>
                </ul>

Unordered list/ Non-Bullet List

            
                <ul class="list-ul">
                    <li class="list-items-non-bullet">Bread</li>
                    <li class="list-items-non-bullet" "="">Butter</li>
                    <li class="list-items-non-bullet" "="">Jam</li>
                </ul>

Ordered list

  1. Bread
  2. Butter
  3. Jam
            
                <ol class="list-ol">
                    <li class="list-items">Bread</li>
                    <li class="list-items">Butter</li>
                    <li class="list-items">Jam</li>
                </ol>

Stacked or Nested List

  1. HTML
  2. CSS
  3. JavaScript
    • Angular
    • React
    • Vue
            
                <ol class="list-ol">
                    <li class="list-items">Bread</li>
                    <li class="list-items">Butter</li>
                    <li class="list-items">Jam</li>
                </ol>