<!DOCTYPE html>
<html>
<head>
<title>CSS Lists</title>
<style>
.order{
list-style-image: url(https://img.icons8.com/bubbles/30/chevron-right.png);
}
.unorder{
list-style-image: url(https://img.icons8.com/color/30/pdf.png);
}
</style>
</head>
<body>
<h1>
Selamat datang di Mbah WP
</h1>
<h2>
Ordered Lists
</h2>
<ol class="order">
<li>satu</li>
<li>dua</li>
<li>tiga</li>
</ol>
<h2>
Unordered lists
</h2>
<ul class="unorder">
<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.