<html>
<title>Эпоха динозавров</title>
<body>
<h1 align="center" style="margin-bottom: -19px"><u><i>Эпоха динозавров</i></u></h1>
<h2 align="center" style="margin-bottom: -19px"><i>Мезозойская эра</i></h1>
<h2 align="center"><i>Периоды:</i></h1>
<table align="center">
<tr>
<td>
<ul type="circle" style="margin-top:0; font-size:25px; list-style-position: inside">
<li style="padding-left: 17px">Триасовый</li>
<li style="padding-left: 17px">Юрский
<ul type="square">
<li style="margin-left: 17px; padding-left: 17px">Ранняя и средняя юра</li>
<li style="margin-left: 17px; padding-left: 17px">Поздняя юра</li>
</ul>
</li>
<li style="padding-left: 17px">Меловой
<ul type="square">
<li style="margin-left: 17px; padding-left: 17px">Ранний мел</li>
<li style="margin-left: 17px; padding-left: 17px">Поздний мел</li>
</ul>
</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
Объяснение:
картинка
