Common Styles - Lists

List Styles

Default Unordered List

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

Unstyled Unordered List

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

Inline Unordered List

<ul class="inline"> <li>Item 1</li> <li>Item 2</li> </ul> 
  • Item 1
  • Item 2

Tight Unordered List

<ul class="tight"> <li>Item 1</li> <li>Item 2</li> </ul> 
  • Item 1
  • Item 2

Icons Unordered List

<ul class="icons"> <li>Item 1</li> <li>Item 2</li> </ul> 
  • Item 1
  • Item 2

Description List

<dl> <dt>Term 1</dt> <dd>Description 1.</dd> <dt>Term 2</dt> <dd>Description 2.</dd> </dl> 
Term 1
Description 1.
Term 2
Description 2.
Top