Skip to Main Content

List Styles

Web Team

Default Unordered List

  • Item 1
  • Item 2

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

Unstyled Unordered List

  • Item 1
  • Item 2

<ul class="unstyled">
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

Inline Unordered List

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6

<ul class="inline-list">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
</ul>

Default Ordered List

  1. Item 1
  2. Item 2

<ol class="unstyled">
  <li>Item 1</li>
  <li>Item 2</li>
</ol>

Branded Unordered List

  • Item 1
  • Item 2

<ul class="cui-brand">
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

Small Branded Unordered List

  • Item 1
  • Item 2

<ul class="cui-brand small">
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

Branded Inline Unordered List

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6

<ul class="inline-list cui-brand">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
</ul>
Back to top