#Encapsulando Elemento no HTML

1 messages · Page 1 of 1 (latest)

proud sierra
#

Gente, estou estudando pelo FreeCodeCamp e acabei empacando em um dos exercícios. Basicamente ele pede que eu encapsule tudo dentro do elemento .label em um novo elemento header.

O Código do exercício é esse:
<div class="label">
<h1 class="bold">Nutrition Facts</h1>
<div class="divider"></div>
<p>8 servings per container</p>
<p class="bold">Serving size <span class="right">2/3 cup (55g)</span></p>
</div>

A minha solução é essa, mas não foi a única forma que eu tentei. Busquei encapsular o elemento de outras formas, porém o meu código não está sendo aprovado.
<header>
<div class="label">
<h1 class="bold">Nutrition Facts</h1>
<div class="divider"></div>
<p>8 servings per container</p>
<p class="bold">Serving size <span class="right">2/3 cup (55g)</span></p>
</div>
</header>

Peço desculpas por estar colocando essa dúvida aqui, porque parece um problema bem simples de se resolver, mas infelizmente já estou um bom tempo quebrando a cabeça.

unborn magnet
#

Tenta com o header dentro do label pra cver se funciona: <div class="label">
<header>
<h1 class="bold">Nutrition Facts</h1>
<div class="divider"></div>
<p>8 servings per container</p>
<p class="bold">Serving size <span class="right">2/3 cup (55g)</span></p>
</header>
</div>

#

Poder ser tambem outra tag a <th>, já como acredito que seja uma tabela que será montanda.

proud sierra
#

Cara, muito obrigado!! Fiqueis uns 50 minutos pesquisando na internet e até entrei nesse site que você colocou na resposta. Mas não estava conseguindo resolver de jeito nenhum. Agora que o código rodou eu entendi e tudo fez sentido. Hoje a programação me deu um golpe kkk Volto amanhã. Mais uma vez, muito obrigado pela ajuda.