Lists

Lists are helpful for organizing sets of related things. Whether you need a bulleted list or an ordered list, Wirefy has several different styles available.

Unordered Unstyled List

HTML
<ul>
<li>List item</li>
<li>List item
  <ul>
    <li>Nested List item</li>
    <li>Nested List item</li>
  </ul>
</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
Rendered HTML
  • List item
  • List item
    • Nested List item
    • Nested List item
  • List item
  • List item
  • List item
  • List item

Unordered Square List

HTML
<ul class="square">
<li>List item</li>
<li>List item
  <ul>
    <li>Nested List item</li>
    <li>Nested List item</li>
  </ul>
</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
Rendered HTML
  • List item
  • List item
    • Nested List item
    • Nested List item
  • List item
  • List item
  • List item
  • List item

Unordered Circle List

HTML
<ul class="circle">
<li>List item</li>
<li>List item
  <ul>
    <li>Nested List item</li>
    <li>Nested List item</li>
  </ul>
</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
Rendered HTML
  • List item
  • List item
    • Nested List item
    • Nested List item
  • List item
  • List item
  • List item
  • List item

Unordered Disc List

HTML
<ul class="disc">
<li>List item</li>
<li>List item
  <ul>
    <li>Nested List item</li>
    <li>Nested List item</li>
  </ul>
</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
Rendered HTML
  • List item
  • List item
    • Nested List item
    • Nested List item
  • List item
  • List item
  • List item
  • List item

Ordered Unstyled List

HTML
<ol>
<li>List item</li>
<li>List item
  <ol>
    <li>Nested List item</li>
    <li>Nested List item</li>
  </ol>
</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ol>
Rendered HTML
  1. List item
  2. List item
    1. Nested List item
    2. Nested List item
  3. List item
  4. List item
  5. List item
  6. List item

Definition List

HTML
<dl>
  <dt>Definition Title</dt>
  <dd>Defines a description list.</dd>
</dl>
Rendered HTML
Definition Title
Defines a description list.