Skip to main content
Sign In

University Web Services (UWS)

University Web Services, University of Colorado Denver

 

 
 
 

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.