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