HTML Lists

Unordered Lists

• Disc style (default)
  • html: <ul type="disc">
  • css: list-style-type: disc;


• Circle style
  • html: <ul type="circle">
  • css: list-style-type: circle;


• Square style
  • html: <ul type="square">
  • css: list-style-type: square;

Ordered Lists

• Numbers (default)

  • html: <ol type="1">
  • css: list-style-type: decimal

  1. First item
  2. Second item
  3. Third item


• Uppercase letters

  • html: <ol type="A">
  • css: list-style-type: upper-alpha

  1. First item
  2. Second item
  3. Third item


• Lowercase letters

  • html: <ol type="a">
  • css: list-style-type: lower-alpha

  1. First item
  2. Second item
  3. Third item


• Uppercase Roman numerals

  • html: <ol type="I">
  • css: list-style-type: upper-roman

  1. First item
  2. Second item
  3. Third item


• Lowercase Roman numerals

  • html: <ol type="i">
  • css: list-style-type: lower-roman

  1. First item
  2. Second item
  3. Third item

Nested Lists

        <ul>
          <li>First level itemitem</li>
            <ul>
              <li>Second level itemitem</li>
                <ol>
                  <li>Third level numbered item</li>
                  <li>Another third level item</li>
                </ol>
              <li>Another second level</li>
            </ul>
          <li>Another first level item</li>
        </ul>