Как сделать разными цветами блоки текста?
В домашнем задании после урока создала два блока текста, но не получается сделать их разным цветом.Оба блока одного цвета.Какая ошибка может быть в коде?
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Урок HTML разметки</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Урок HTML разметки">
<meta name="keywords" content="html,Lesson">
</head>
<body>
<div class="content">
<h1>Урок HTML разметки</h1>
<p>300 тысяч фунтов стерлингов было потрачено британскими учеными на изучение взаимодействия уток с водой.В результате длительного исследования им удалось выяснить, что всем остальным способам провести время в воде утки предпочитают дождь,который заменяет им душ.</p>
<p>Еще одно шокирующее открытие исследователей с Туманного Альбиона наконец обьяснило страдающим от избыточного веса,в чем заключается их проблема.В ходе научного эксперимента братинским ученым удалось установить, что худые люди, как правило, едят меньше чем полные.</p>
</div>
<style type="text/css">
.content {
background-color: red;
}
</style>
<div class="content">
<h1>Урок HTML разметки</h1>
<p>300 тысяч фунтов стерлингов было потрачено британскими учеными на изучение взаимодействия уток с водой.В результате длительного исследования им удалось выяснить, что всем остальным способам провести время в воде утки предпочитают дождь,который заменяет им душ.</p>
<p>Еще одно шокирующее открытие исследователей с Туманного Альбиона наконец обьяснило страдающим от избыточного веса,в чем заключается их проблема.В ходе научного эксперимента братинским ученым удалось установить, что худые люди, как правило, едят меньше чем полные.</p>
</div>
<style type="text/css">
.content {
background-color: green;
}
</style>
</body>
</html>
