<!DOCTYPE html>
<html>
<head>
<title>CSS Lists</title>
<style>
.num{
list-style-type:decimal;
}
.alpha{
list-style-type:lower-alpha;
}
.roman{
list-style-type:lower-roman;
}
.circle{
list-style-type:circle;
}
.square{
list-style-type:square;
}
.disc{
list-style-type:disc;
}
</style>
</head>
<body>
<h1>
Selamat datang di Mbah WP
</h1>
<h2>
Ordered Lists
</h2>
<ol class="num">
<li>satu</li>
<li>dua</li>
<li>tiga</li>
</ol>
<ol class="alpha">
<li>satu</li>
<li>dua</li>
<li>tiga</li>
</ol>
<ol class="roman">
<li>satu</li>
<li>dua</li>
<li>tiga</li>
</ol>
<h2>
Unordered lists
</h2>
<ul class="disc">
<li>satu</li>
<li>dua</li>
<li>tiga</li>
</ul>
<ul class="circle">
<li>satu</li>
<li>dua</li>
<li>tiga</li>
</ul>
<ul class="square">
<li>satu</li>
<li>dua</li>
<li>tiga</li>
</ul>
</body>
</html> 
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.