Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Resposta

Resposta

label[for="nome"] {
    position: relative;
}
label[for="nome"]:after {
    content: "";
    width: 1em;
    height: 1em;
    padding: 0.5em;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #851944;
    background-image: url(../imagens/usuario.png);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: center;
}
#nome {
    width: calc(100% - 1em);
    position: relative;
    left: 2em;
}
label[for="email"] {
    position: relative;
}
label[for="email"]:after {
    content: "";
    width: 1em;
    height: 1em;
    padding: 0.5em;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #851944;
    background-image: url(../imagens/email.png);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: center;
}
#email {
    width: calc(100% - 1em);
    position: relative;
    left: 2em;
}
3 respostas

amigo, não entendi a dúvida, pode explicar melhor, obrigado!

Então pergunta. :|

solução!

Desculpa pessoal, no exercício pedia pra fornecer a resposta que eu tinha desenvolvido. Não se tratava de uma dúvida.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software