Skip to main content
Sign In

University Web Services (UWS)

 

 
 
 

Web Identity Standards

Bulleted Lists


Bulleted lists should be used for content in the main column, which can be scanned easily and quickly.

Design Constraints and Allowances

Can’t Change:

  • Width
  • Typography

Can Change:

  • Image or icon

Example

  • list item
  • list item
  • list item

Ordered and unordered lists can be written as HTML directly into your page.

Show/Hide HTML
<div id="columnPrimary">
   <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
   </ul>
   <ol>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
   </ol>
</div>


Show/Hide CSS
ol, ul {
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
}
#columnPrimary li {
   font-size:11px;
   line-height:1.7em;
   list-style-image:none;
   list-style-position:outside;
   list-style-type:square;
   margin-left:36px;
}
University of Colorado Denver

© The Regents of the University of Colorado, a body corporate. All rights reserved.

All trademarks are registered property of the University. Used by permission only.