Web Guidelines

Guidelines

Elements

HTML/CSS

Lists

Documentation and examples for global typefaces and typography styles.

This is an example of an unordered list:

<ul>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>

ul {
line-height: 2em;
}

This is an example of an ordered list:

<ol>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ol>

ol {
line-height: 2em;
}

This is an example of an inline list. Additional styling can be added via CSS.

<ul class=”list-inline”>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>

.list-inline {
padding-left: 0;
list-style: none;
}

.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 16px;
}

This is an example of an unstyled list:

<ul class=”list-unstyled”>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>

.list-unstyled {
list-style-type: none;
line-height: 2em;
}