Skip to main content

  • Foundations
    • Border radius
    • Breakpoints
    • Colours
    • Colour scheme
    • Elevation
    • Focus and outline
    • Sizing and spacing
    • Layout
    • Motion
    • Typography
    • Z-index
  • Elements
    • Buttons
    • Code
    • Icons
    • Figure and caption
    • Forms
    • Links
    • Lists
    • Media
    • Tables
  • Components
    • Accordion
    • Alerts
    • Avatar
    • Blockquote
    • Breadcrumbs
    • Card
    • Chiplets
    • Details and summary
    • Dialog
    • Empty state
    • Stats
    • Global footer
    • Horizontal rule
    • Kanban
    • Key-value list
    • Meter
    • Objects
    • Pagination
    • Polka background
    • Post-it note
    • Progress
    • Speech bubbles
    • Status dot
    • Skeleton
    • Skip link
    • Spinner
    • Toggles
    • Tooltip
    • Webmentions
  • Patterns
    • Article header
    • Author card
    • App list and app sheet
    • Error page
    • Related posts
    • Search results
    • Utilities

John Peart

  • Search
  • Menu
John Peart

Lists

Unordered, ordered and description lists.

Unordered list

  • The quick brown fox
  • Jumps over
  • The lazy dog
<ul>
  <li>The quick brown fox</li>
  <li>Jumps over</li>
  <li>The lazy dog</li>
</ul>

Unordered list — with markers

  • The quick brown fox
  • Jumps over
  • The lazy dog
<ul class="list">
  <li>…</li>
</ul>

Ordered list

  1. The quick brown fox
  2. Jumps over
  3. The lazy dog
<ol>
  <li>…</li>
</ol>

Description list

Fox
A small, omnivorous mammal.
Dog
A domesticated carnivore.
<dl>
  <dt>Fox</dt>
  <dd>A small, omnivorous mammal.</dd>
</dl>
A line drawing of John Peart

John Peart

www.johnpe.art

Mastodon logo

Mastodon

BlueSky logo

Bluesky

LinkedIn logo

LinkedIn

Github logo

GitHub