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