InstruçÔes
Passo 8
Podemos ver que nada acontece. O elemento
.cat-head não se moveu apesar de definirmos um top e um left de 100px. Isso, porém, não ocorre com o posicionamento relative.
Quando vocĂȘ usa o valor relative, o elemento ainda estĂĄ posicionado de acordo com o fluxo normal do documento, mas os valores de top, left, bottom e right tornam-se ativos.
Em vez de static, dĂȘ a .cat-head uma propriedade position com o valor relative e deixe as propriedades top e left como estĂŁo.
O que fazer:
Testes:
- O seletor `.cat-head` deve ter a propriedade `position` definida como `relative`. NĂŁo se esqueça de adicionar um ponto-e-vĂrgula.
- O seletor `.cat-head` deve ter a propriedade `top` definida como `100px`. NĂŁo se esqueça de adicionar um ponto-e-vĂrgula.
- O seletor `.cat-head` deve ter a propriedade `left` definida como `100px`. NĂŁo se esqueça de adicionar um ponto-e-vĂrgula.
Preview