Используя следующий код HTML, стилизуйте список описаний, чтобы получить результат, показанный на рис. 1.
<dl class="comedy">
<dt>Операция «Ы» и другие приключения Шурика</dt>
<dd>Студент Шурик сталкивается с хулиганами, помогает на стройке и участвует в забавных приключениях.</dd>
<dt>Кавказская пленница, или Новые приключения Шурика</dt>
<dd>Шурик отправляется на Кавказ за фольклором, но попадает в комичные ситуации, связанные с похищением девушки.</dd>
<dt>Бриллиантовая рука</dt>
<dd>Обычный советский гражданин случайно становится обладателем контрабандных бриллиантов и оказывается в центре криминальных событий.</dd>
<dt>Иван Васильевич меняет профессию</dt>
<dd>Фантастическая комедия о путешествии во времени, где Иван Грозный и его современный тёзка меняются местами.</dd>
</dl>
Рис. 1
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Список</title>
<style>
.comedy {
& > dt {
font-weight: bold;
}
& > dd {
margin-left: 0;
margin-bottom: 1em;
}
}
</style>
</head>
<body>
<dl class="comedy">
<dt>Операция «Ы» и другие приключения Шурика</dt>
<dd>Студент Шурик сталкивается с хулиганами, помогает на стройке и участвует в забавных приключениях.</dd>
<dt>Кавказская пленница, или Новые приключения Шурика</dt>
<dd>Шурик отправляется на Кавказ за фольклором, но попадает в комичные ситуации, связанные с похищением девушки.</dd>
<dt>Бриллиантовая рука</dt>
<dd>Обычный советский гражданин случайно становится обладателем контрабандных бриллиантов и оказывается в центре криминальных событий.</dd>
<dt>Иван Васильевич меняет профессию</dt>
<dd>Фантастическая комедия о путешествии во времени, где Иван Грозный и его современный тёзка меняются местами.</dd>
</dl>
</body>
</html>