Используя следующий код HTML, стилизуйте список, чтобы получить результат, показанный на рис. 1.
<h2>Мышцы живота</h2>
<ul class="muscle">
<li>Прямая мышца живота</li>
<li>Наружная косая мышца живота</li>
<li>Внутренняя косая мышца живота</li>
<li>Поперечная мышца живота</li>
</ul>
Рис. 1
Список должен выглядеть одинаково в разных браузерах, включая Safari. В качестве маркера укажите следующий символ — ★.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Список</title>
<style>
.muscle > li::before {
content: '★';
color: green;
margin-right: 0.5em;
}
.muscle > li {
list-style: none;
}
</style>
</head>
<body>
<h2>Мышцы живота</h2>
<ul class="muscle">
<li>Прямая мышца живота</li>
<li>Наружная косая мышца живота</li>
<li>Внутренняя косая мышца живота</li>
<li>Поперечная мышца живота</li>
</ul>
</body>
</html>