<ul class="list indent disc">
<ul class="list none">
<ul class="list roman">
<ul class="list alpha">
<ul class="list circle">
<ul class="list decimal">
<ul class="list tick">
<ul class="list arrow">
<ul class="list underline">
<ul class="list tagcloud">
<ul class="list tagcloud rnd8">
Note: You have the choice of 4 default rounded corner sizes - 5, 8, 10 & 12px. To use the individual sizes all you have to do is simply add the number to the end of the class name "rnd" e.g. rnd5, rnd8, rnd10, rnd12.
<ul class="list decimal"><ul class="list alpha"><ul class="list roman"><ul class="list none">All of the CSS classes that are used for the unordered lists found on this page can also be used for ordered lists and the same result will be achieved.
The "default list" above (the first list on this page) is our modified version, if you were to add a list without CSS it would look similar to our default version, difference being, our version has more space between the list elements making it look cleaner and the content is easier to read.
The example to the left simply shows what is possible when using the lists from above, when nested within each other.
The nested list (right) has its own CSS class "block", each nested child list has its own left border which helps to associate the list elements with their direct parent.
<ul class="list block">
Copyright © 2013 - All Rights Reserved - Domain Name
Template by OS Templates