Используя следующий код HTML, стилизуйте список, чтобы получить результат, показанный на рис. 1.
<h2>Фрукты</h2>
<ul class="fruit">
<li>Апельсин</li>
<li>Вишня</li>
<li>Груша</li>
<li>Мандарин</li>
<li>Слива</li>
<li>Яблоко</li>
</ul>
Рис. 1
Список должен выглядеть одинаково в разных браузерах, включая Safari. В качестве маркера укажите следующий символ — 🍎.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Список</title>
<style>
.fruit > li {
list-style-type: '🍎';
padding-left: 0.5em;
}
</style>
</head>
<body>
<h2>Фрукты</h2>
<ul class="fruit">
<li>Апельсин</li>
<li>Вишня</li>
<li>Груша</li>
<li>Мандарин</li>
<li>Слива</li>
<li>Яблоко</li>
</ul>
</body>
</html>