Lists
Standard Lists
Ordered
- Lorem ipsum dolor sit amet
- Vel volutpat purus felis rutrum
- Semper enim lacinia etiam
- Ullamcorper turpis quis
- Maecenas vestibulum
- In lectus nec Semper quisque
<ol>
<li>Lorem ipsum dolor sit amet</li>
<li>Vel volutpat purus felis rutrum</li>
<li>Semper enim lacinia etiam</li>
<li>Ullamcorper turpis quis </li>
<li>Maecenas vestibulum</li>
<li>In lectus nec Semper quisque</li>
</ol>
Unordered
- Lorem ipsum dolor sit amet
- Vel volutpat purus felis rutrum
- Semper enim lacinia etiam
- Ullamcorper turpis quis
- Maecenas vestibulum
- In lectus nec Semper quisque
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Vel volutpat purus felis rutrum</li>
<li>Semper enim lacinia etiam</li>
<li>Ullamcorper turpis quis </li>
<li>Maecenas vestibulum</li>
<li>In lectus nec Semper quisque</li>
</ul>
Nested Lists
- Lorem ipsum dolor sit amet
- Vel volutpat purus felis rutrum
- Lorem ipsum dolor sit amet
- Vel volutpat purus felis rutrum
- Vel volutpat purus felis rutrum
- Ullamcorper turpis quis
- Maecenas vestibulum
- Lorem ipsum dolor sit amet
- Vel volutpat purus felis rutrum
- Lorem ipsum dolor sit amet
- Vel volutpat purus felis rutrum
- Vel volutpat purus felis rutrum
- Ullamcorper turpis quis
- Maecenas vestibulum
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Vel volutpat purus felis rutrum
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Vel volutpat purus felis rutrum</li>
<li>Vel volutpat purus felis rutrum</li>
</ul>
</li>
<li>Ullamcorper turpis quis </li>
<li>Maecenas vestibulum</li>
</ul>
<ol>
<li>Lorem ipsum dolor sit amet</li>
<li>Vel volutpat purus felis rutrum
<ol>
<li>Lorem ipsum dolor sit amet</li>
<li>Vel volutpat purus felis rutrum</li>
<li>Vel volutpat purus felis rutrum</li>
</ol>
</li>
<li>Ullamcorper turpis quis </li>
<li>Maecenas vestibulum</li>
</ol>
Unstyled
Add .unstyled
class to <ul>
tag to remove formatting.
- Lorem ipsum dolor sit amet
- Vel volutpat purus felis rutrum
- Semper enim lacinia etiam
- Ullamcorper turpis quis
- Maecenas vestibulum
- In lectus nec Semper quisque
<ul class="unstyled">
<li>Lorem ipsum dolor sit amet</li>
<li>Vel volutpat purus felis rutrum</li>
<li>Semper enim lacinia etiam</li>
<li>Ullamcorper turpis quis </li>
<li>Maecenas vestibulum</li>
<li>In lectus nec Semper quisque</li>
</ul>
Inline
- Lorem ipsum dolor sit amet
- Vel volutpat purus felis rutrum
- Semper enim lacinia etiam
- Ullamcorper turpis quis
- Maecenas vestibulum
- In lectus nec Semper quisque
<ul class="inline">
<li>Lorem ipsum dolor sit amet</li>
<li>Vel volutpat purus felis rutrum</li>
<li>Semper enim lacinia etiam</li>
<li>Ullamcorper turpis quis </li>
<li>Maecenas vestibulum</li>
<li>In lectus nec Semper quisque</li>
</ul>
Definition Lists
Vertical Definition List
- Lorem ipsum
- Vel volutpat purus felis rutrum
- Semper enim
- Ullamcorper turpis quis
<dl>
<dt>Lorem ipsum</dt>
<dd>Vel volutpat purus felis rutrum</dd>
<dt>Semper enim</dt>
<dd>Ullamcorper turpis quis</dd>
</dl>
Horizontal Definition List
- Lorem ipsum
- Fringilla tortor eros volutpat, in tempor libero a pellentesque, augue nec. Metus aliquam vestibulum donec erat nunc, aut consectetuer suspendisse. Pretium sed fusce nibh nec, imperdiet justo fusce interdum metus amet pellentesque, proin vivamus mauris ac.
- Semper enim
- Etiam aliquam at mauris laoreet pulvinar etiam, vestibulum volutpat at, rutrum sed eu vestibulum. Tempor mauris aliquam semper, feugiat amet nulla amet faucibus, velit sed in neque.
<dl class="horizontal">
<dt>Lorem ipsum</dt>
<dd>Fringilla tortor eros volutpat, in tempor libero a pellentesque, augue nec. Metus aliquam vestibulum donec erat nunc, aut consectetuer suspendisse. Pretium sed fusce nibh nec, imperdiet justo fusce interdum metus amet pellentesque, proin vivamus mauris ac.</dd>
<dt>Semper enim</dt>
<dd>Etiam aliquam at mauris laoreet pulvinar etiam, vestibulum volutpat at, rutrum sed eu vestibulum. Tempor mauris aliquam semper, feugiat amet nulla amet faucibus, velit sed in neque.</dd>
</dl>