На первом скрине отображено как должен выглядеть список, на втором - то, что у меня выходит.
Писал следующим образом:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Листы 3</title>
</head>
<body>
<dl>
<dt> Есть много разных цветов, которые делятся на светлые и темные</dt>
<ol>
<li>Светлые:<li>
<ul>
<li>Желтый</li>
<li>Оранжевый</li>
<li>Розовый и другие цвета</li>
</ul>
<li>Темные:</li>
<ul>
<li>Черный</li>
<li>Синий</li>
<li>Серый и другие цвета</li>
</ul>
</ol>
</dl>
</body>
</html>
