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

alinhar borda!

bom eu queria que a borda e o icone ficasse alinhado ao centro do main da pagina!

<main>
    <img src="ponto-de-interrogacao.png">
</main>
9 respostas

main { border: solid; padding: 30px; } img { width: 40px; margin: 139px 624px;

}

Olá Geovane,

Você pode postar o código completo do HTML e do CSS?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="ponto-de-interrogacao.png">
    <title>registro de ponto</title>

</head>
<body>

    <main>
        <img src="ponto-de-interrogacao.png">
    </main>

</body>
</html>
main {
    border: solid;
    padding: 30px;
}
img {
    width: 40px;
    margin: 139px 624px;


}

Geovane,

Implemente o seguinte ajuste em seu css e veja se ficou como você queria:

main {
    border: solid;
    padding: 30px;
    text-align: center;
}
img {
    width: 40px;
    margin: 139px 624px;
}

na verdade não, eu queria um front end igual ao da tela de login do google!

Geovane,

Você pode por gentileza encerrar esse tópico e iniciar outro descrevendo com mais detalhes o que você deseja fazer ou quais são suas dúvidas?

Estou acompanhando o fórum do curso e irei te apoiar nessa questão.

solução!

Beleza obrigado

Geovane,

Encerre o tópico por favor, marcando uma das respostas como solução.

Obrigado,