<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Задание на CSS</title>
</head>
<body style="max-width: 500px; padding-left: 80px; padding-right: 20px;">
<p>Предсказуемость непредсказуема. Предсказуемость непредсказуема. Предсказуемость непредсказуема. Предсказуемость непредсказуема. Предсказуемость <em data-ref="1">непредсказуема и недоказуема</em>. Предсказуемость непредсказуема. Предсказуемость непредсказуема. Предсказуемость совсем ни разу не <em data-ref="2, 3, 4">непредсказуема</em>. Предсказуемость непредсказуема. Предсказуемость непредсказуема. Предсказуемость непредсказуема. </p>
<p>Однако, здравствуйте.</p>
<figure>
<figcaption>
A cute cat
<span class="subtitle">is in the picture</span>
</figcaption>
<img src="http://l...content-available-to-author-only...l.com/350/250/cats" alt="A cute Kitten">
</figure>
</body>
</html>
PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KICA8bWV0YSBjaGFyc2V0PSJ1dGYtOCI+CiAgPHRpdGxlPtCX0LDQtNCw0L3QuNC1INC90LAgQ1NTPC90aXRsZT4KPC9oZWFkPgogIDxib2R5IHN0eWxlPSJtYXgtd2lkdGg6IDUwMHB4OyBwYWRkaW5nLWxlZnQ6IDgwcHg7IHBhZGRpbmctcmlnaHQ6IDIwcHg7Ij4KICAgIDxwPtCf0YDQtdC00YHQutCw0LfRg9C10LzQvtGB0YLRjCDQvdC10L/RgNC10LTRgdC60LDQt9GD0LXQvNCwLiDQn9GA0LXQtNGB0LrQsNC30YPQtdC80L7RgdGC0Ywg0L3QtdC/0YDQtdC00YHQutCw0LfRg9C10LzQsC4g0J/RgNC10LTRgdC60LDQt9GD0LXQvNC+0YHRgtGMINC90LXQv9GA0LXQtNGB0LrQsNC30YPQtdC80LAuINCf0YDQtdC00YHQutCw0LfRg9C10LzQvtGB0YLRjCDQvdC10L/RgNC10LTRgdC60LDQt9GD0LXQvNCwLiDQn9GA0LXQtNGB0LrQsNC30YPQtdC80L7RgdGC0YwgPGVtIGRhdGEtcmVmPSIxIj7QvdC10L/RgNC10LTRgdC60LDQt9GD0LXQvNCwINC4INC90LXQtNC+0LrQsNC30YPQtdC80LA8L2VtPi4g0J/RgNC10LTRgdC60LDQt9GD0LXQvNC+0YHRgtGMINC90LXQv9GA0LXQtNGB0LrQsNC30YPQtdC80LAuINCf0YDQtdC00YHQutCw0LfRg9C10LzQvtGB0YLRjCDQvdC10L/RgNC10LTRgdC60LDQt9GD0LXQvNCwLiDQn9GA0LXQtNGB0LrQsNC30YPQtdC80L7RgdGC0Ywg0YHQvtCy0YHQtdC8INC90Lgg0YDQsNC30YMg0L3QtSAgPGVtIGRhdGEtcmVmPSIyLCAzLCA0Ij7QvdC10L/RgNC10LTRgdC60LDQt9GD0LXQvNCwPC9lbT4uINCf0YDQtdC00YHQutCw0LfRg9C10LzQvtGB0YLRjCDQvdC10L/RgNC10LTRgdC60LDQt9GD0LXQvNCwLiDQn9GA0LXQtNGB0LrQsNC30YPQtdC80L7RgdGC0Ywg0L3QtdC/0YDQtdC00YHQutCw0LfRg9C10LzQsC4g0J/RgNC10LTRgdC60LDQt9GD0LXQvNC+0YHRgtGMINC90LXQv9GA0LXQtNGB0LrQsNC30YPQtdC80LAuIDwvcD4KICAgIAogICAgPHA+0J7QtNC90LDQutC+LCDQt9C00YDQsNCy0YHRgtCy0YPQudGC0LUuPC9wPgogICAgCiAgICA8ZmlndXJlPgogICAgICA8ZmlnY2FwdGlvbj4KICAgICAgICAgIEEgY3V0ZSBjYXQKICAgICAgICAgIDxzcGFuIGNsYXNzPSJzdWJ0aXRsZSI+aXMgaW4gdGhlIHBpY3R1cmU8L3NwYW4+CiAgICAgIDwvZmlnY2FwdGlvbj4KICAgICAgPGltZyBzcmM9Imh0dHA6Ly9sLi4uY29udGVudC1hdmFpbGFibGUtdG8tYXV0aG9yLW9ubHkuLi5sLmNvbS8zNTAvMjUwL2NhdHMiIGFsdD0iQSBjdXRlIEtpdHRlbiI+ICAgICAgCiAgICA8L2ZpZ3VyZT4gICAgICAgICAgICAKPC9ib2R5Pgo8L2h0bWw+