list.md

List

List of ordered elements

<ol>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
</ol>

List of unordered elements

<ul>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
</ul>

Unstyled list of elements

If the list is styled with list-style: none, the role="list" attribute must be added due the Safari behavior.

<style>
  .no-style {
    list-style: none;
  }
</style>

<ul class="no-style" role="list">
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
</ul>

List of key-value pairs

<dl>
  <dt>Name</dt>
  <dd>Óscar</dd>
  
  <dt>Surname</dt>
  <dd>Otero</dd>
</dl>

Alternative version for styling purposes:

<dl>
  <div>
    <dt>Name</dt>
    <dd>Óscar</dd>
  </div>
  
  <div>
    <dt>Surname</dt>
    <dd>Otero</dd>
  </div>
</dl>

---

"Fixing" Lists