<!DOCTYPE html>
<html>
<head>
<title>CSS list-style-type property</title>
<style>
.one {
list-style-type: square;
}
.two {
list-style-type: circle;
}
.three {
list-style-type: decimal;
}
.four {
list-style-type: lower-alpha;
}
</style>
</head>
<body>
<code><b>Unordered list with square type</b></code>
<ul class="one">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<br />
<code><b>Unordered list with circle type</b></code>
<ul class="two">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<br />
<code><b>Ordered list with decimal type</b></code>
<ol class="three">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
<br />
<code><b>Ordered list with lower-alpha type</b></code>
<ol class="four">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
<br />
</body>
</html>
