CSS ul list markers as circles

The circle value in the list-style-type property makes the markers appear as circles:

html<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

cssul {
  list-style-type: circle;
}

Результат:

Задание 1

Repeat the page according to this example: