<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
<style>
.example1{
list-style: circle;
}
.example2{
list-style: square inside;
}
</style>
</head>
<body>
Liste 1
<ul class="example1">
<li>Élément de liste1</li>
<li>Élément de liste2</li>
<li>Élément de liste3</li>
</ul>
Liste 2
<ul class="example2">
<li>Élément de liste A</li>
<li>Élément de liste B</li>
<li>Élément de liste C</li>
</ul>
</body>
</html>