<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
.example1{
list-style: circle;
}
.example2{
list-style: square inside;
}
</style>
</head>
<body>
Список 1
<ul class="example1">
<li>Элемент списка 1</li>
<li>Элемент списка 2</li>
<li>Элемент списка 3</li>
</ul>
Список 2
<ul class="example2">
<li>Элемент списка A</li>
<li>Элемент списка B</li>
<li>Элемент списка C</li>
</ul>
</body>
</html>