core/list


Create a bulleted or numbered list.

Example #1

  1. This is an ordered list.
  2. It is sequential.
  3. There are several steps.

Code Structure – Example #1

<ol>
  <li></li>
</ol>

Example #2

  • This is an unordered list.
  • There is no sequential order to the items.
  • There are several items in the list.

Code Structure – Example #2

<ul>
  <li></li>
</ul>

Example #3

  • This is a nested, unordered list.
    • One list item has others beneath it.
    • There can be several.
  • This is a second item in the original list.

Code Structure – Example #3

<ul>
  <li>
    <ul>
      <li></li>
    </ul>
  </li>
</ul>

Example #4

  1. This is a nested, ordered list.
    1. One list item has others beneath it.
    2. There can be several.
  2. This is a second item in the original list.

Code Structure – Example #4

<ol>
  <li>
    <ol>
      <li></li>
    </ol>
  </li>
</ol>

Example #5

  1. This is a nested, ordered list.
    • It has an unordered list within it.
    • There can be several items.
  2. This is a second item in the original list.

Code Structure – Example #5

<ol>
  <li>
    <ul>
      <li></li>
    </ul>
  </li>
</ol>

Example #6

  • This is a nested, unordered list.
    1. It has an ordered list within it.
    2. There can be several items.
  • This is a second item in the original list.

Code Structure – Example #6

<ul>
  <li>
    <ol>
      <li></li>
    </ol>
  </li>
</ul>

Leave a Reply