Warning: include(1.x/nav-section.php): failed to open stream: No such file or directory in /ip/iucommsg/wwws/_php/nav-section.php on line 2

Warning: include(): Failed opening '1.x/nav-section.php' for inclusion (include_path='.:/ip/iucommsg/wwws:/ip/pagriet/lib:/ip/iucommsg/wwws/_includes:/ip/iucommsg/wwws/_shared-sections:/ip/iucommsg/wwws/_php') in /ip/iucommsg/wwws/_php/nav-section.php on line 2

Lists

Organize your content with lists

Lists help break up content on the page. We use several list styles including bulleted lists, numbered lists, and definition lists.

Definition list

Definition List Title
This is a definition list division.
Show/hide markup
<dl>
    <dt>Definition List Title</dt>
    <dd>This is a definition list division.</dd>
</dl>

Definition list—inline

Short title
This is a definition list item.
Second title
This is a definition list item.
Show/hide markup
<dl class="inline">
    <dt>Short title</dt>
    <dd>This is a definition list item.</dd>
    <dt>Second title</dt>
    <dd>This is a definition list item.</dd>
</dl>

Ordered list

  1. List item 1
  2. List item 2
  3. List item 3
  4. List item 4
  5. List item 5
Show/hide markup
<ol>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
    <li>List item 4</li>
    <li>List item 5</li>
</ol>

Unordered list

  • List item 1
  • List item 2
  • List item 3
  • List item 4
  • List item 5
Show/hide markup
<ul>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
    <li>List item 4</li>
    <li>List item 5</li>
</ul>

Unordered list—no bullets

  • List item 1
  • List item 2
  • List item 3
  • List item 4
  • List item 5
Show/hide markup
<ul class="no-bullet">
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
    <li>List item 4</li>
    <li>List item 5</li>
</ul>

Unordered list—square

  • List item 1
  • List item 2
  • List item 3
  • List item 4
  • List item 5
Show/hide markup
<ul class="square">
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
    <li>List item 4</li>
    <li>List item 5</li>
</ul>