Lists

Use the .is-plain class on any list to remove type-styling, margin, and padding.

Unordered List

This is just a plain unordered list, no special classes have been applied.

<ul>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
</ul>

Ordered List

This is just a plain ordered list, no special classes have been applied.

<ol>
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
</ol>

Plain List

Use the .is-plain class on any list to remove type-styling, margin, and padding.

<ul class="is-plain">
    <li>List item</li>
    <li>List item</li>
    <li>List item</li>
</ul>

Definition List

Common uses for this element are to implement a glossary or to display metadata (a list of key-value pairs).

For inline definitions use the dfn element.

<dl>
  <div>
    <dt>Name</dt>
    <dd>Godzilla</dd>
  </div>
  <div>
    <dt>Born</dt>
    <dd>1952</dd>
  </div>
  <div>
    <dt>Birthplace</dt>
    <dd>Japan</dd>
  </div>
  <div>
    <dt>Color</dt>
    <dd>Green</dd>
  </div>
</dl>