Не работает блок
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>ТОП САЙТ</title>
<meta name="discription" content="Офигенный том мега сайт">
<meta name= "keywords" content= "Топ,мега">
</head>
<body>
<div class= "name"
<h1>Абоба</h1>
<p>АбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбобаАбоба</p>
</div>
<style type= "text/css">
.name {
width: 300px;
background-color: green;
}
</body>
</html>
При просмотре сайта блок остается зеленым на 300пикселей как задумано, а текст выходит за рамки блока. Что делать?
