zurb-foundation-5/doc/includes/typography/examples_typography_lists_rendered.html

Foundation 5 for npm (no code modification from original repo)

{{#markdown}}
```html
<!-- Use .circle or .square to change the style of the bullets -->
<ul class="disc">
  <li>List item with a much longer description or more content.</li>
  <li>List item</li>
  <li>List item
    <ul>
      <li>Nested List Item</li>
      <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>

<!-- Sometimes you don\'t want bullets at all -->
<ul class="no-bullet">
  <li>List item with a much longer description or more content.</li>
  <li>List item</li>
  <li>List item
    <ul>
      <li>Nested List Item</li>
      <li>Nested List Item</li>
      <li>Nested List Item</li>
    </ul>
  </li>
  <li>List item</li>
</ul>

<!-- Ordered lists are great for lists that need order, duh -->
<ol>
  <li>List Item 1</li>
  <li>List Item 2</li>
  <li>List Item 3</li>
</ol>

<!-- Definition lists are great for small block of copy that describe the header -->
<dl>
  <dt>Definition List</dt>
  <dd>Definition Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit.</dd>
</dl>
```
{{/markdown}}