Erro na configuração, mesmo utilizando "UTF-8"
Código receita.html.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<link rel="stylesheet" type="text/css" href="estilo.css"/>
</head>
<body>
<h1 id="titulo">Mouse de Maracujá</h1>
<figure>
<img src="fot.jpg"/>
<figcaption>Foto do Mouse de Marucajá</figcaption>
</figure>
<h2>Igredientes</h2>
<h2>Modo de Preparo</h2>
<h2>Informações Nutricionais</h2>
</body>
</html>
Código estilo.css
body{
background-color:#F5F0DC;
font-family: Helvetica, Arial, sans-serif;
width: 940px;
margin: auto;
}
#titulo{
text-align: center;
}
h2{
background-color: #B3A742;
padding: 5px;
color: #FFFFFF;
}