Passo 3

Instruções

Agora é hora de adicionar algumas regras de CSS ao styles.css. Comece criando um seletor para o elemento h1. Centralize o conteúdo do h1 definindo sua propriedade text-align como center. Também crie uma propriedade margin-bottom com o valor 10px para adicionar margem entre a parte inferior do elemento h1 e qualquer elemento HTML que fique abaixo.

O que fazer:

Testes:

Você deve ter um seletor `h1`.
O seletor `h1` deve definir a propriedade `text-align` para `center`.
Seu seletor `h1` deve definir a propriedade `margin-bottom` para `10px`.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Colored Boxes</title>
	<link rel="stylesheet" href="styles.css" />
</head>
<body>
	<header>
		<h1>Colored Boxes Layout</h1>
	</header>
</body>
</html>

Preview