Use ol and ul tags to create ordered (numbered) and unordered (unnumbered) lists.
<ol>
<li>Doonesbury</li>
<li>Garfield</li>
<li>Snoopy</li>
<li>Dilbert</li>
<li>Calvin and Hobbes</li>
<li>Cathy</li>
</ol>
<ul>
<li>Doonesbury</li>
<li>Garfield</li>
<li>Snoopy</li>
<li>Dilbert</li>
<li>Calvin and Hobbes</li>
<li>Cathy</li>
</ul>
Use the bullet class on a ul tag to create a list with bullets.
<ul class="bullet">
<li>Doonesbury</li>
<li>Garfield</li>
<li>Snoopy</li>
<li>Dilbert</li>
<li>Calvin and Hobbes</li>
<li>Cathy</li>
</ul>
Our bullet list uses round circles that match one of our standard colors. Do not use other bullet types.
On occasion, you may need to nest one list within another. For an example of coding a nested list, view the source code for Admissions Steps. Nested lists can be tricky to get the right result. If you need assistance, contact us.
Go To: Text or Visual Design or Style Guide