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