Passo 8

Instruções

No passo anterior, você usou um <dfn>seletor de tipo</dfn> para estilizar o elemento h1. Centralize o conteúdo dos elementos h2 e p adicionando um novo seletor de tipo para cada um no elemento style existente.

O que fazer:

Testes:

O elemento `h1` que já existia deve permanecer o mesmo.
Você não deve adicionar uma nova tag `style`. Adicione as novas regras de CSS à tag `style` existente.
Você deve usar um novo seletor `h2`.
Você deve usar um novo seletor `p`.
O elemento `h1` deve ter o `text-align` para `center`.
O elemento `h2` deve ter o `text-align` de `center`.
O elemento `p` deve ter o `text-align` para `center`.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
    <style>
      h1 {
        text-align: center;
      }

      

    </style>
  </head>
  <body>
    <main>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </body>
</html>

Preview