Почему не меняется ширина блока?

Добрый день! Только начинаю учить HTML и CSS, встретился с небольшой проблемой. В моём коде не меняется ширина блока, хотя всё делал по уроку. Подскажите, пожалуйста, в чём же ошибка:

<!DOCTYPE html>

<html lang="ru">

<head>
	<meta charset="UTF-8">
	<title>Обучение HTML и CSS</title>
	<meta name="description" content="Привет">
	<meta name="keywords" content="html, Lesson">
</head>

<body>
	<div class = "content">
		<h1>Обучение HTML и CSS</h1>
		<p><strong>Давайте научимся работать с CSS и HTML для этого будем менять ширину текста</strong></p>

		<p>Давайте научимся работать с CSS и HTML для этого будем менять ширину текста</p>
	</div>

	<style type="text/css">

		.content{
			width: 30;
		}

	</style>

</body>

</html>

html

css

2 ответов

class = "content"

Нужно пробелы убрать после слова class и до "content"

width: 30;

Не хватает после 30 указать чего именно 30:

30px или 30% или 30em и тд.