Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Display: block

Referente ao curso HTML5 e CSS3 parte 3: trabalhando com formulários e tabelas, no capítulo Tipos de campos diferentes e atividade Consolidando o seu conhecimento

por Patrick Eduardo Alves de Oliveira
| 184.5k xp | 13 posts

main {
    width: 940px;
    margin:0 auto;

}

form {
    margin: 40px 0;
}



form label {
    display: block;
    margin-top: 10px;
    font-size: 20px;
    margin-bottom: 5px;
}

form input {
    display: block;
}

.input-padrao {
   padding: 5px;
   margin-right: 30px;
   padding-left: 25px;
   padding-right: 25px;
   width: 50%;
}

.enviar {
    background: #000000;
    color: goldenrod;
    cursor: pointer;
    margin-top: 10px;
    font-size: 16px;
    width: 50%;
    padding: 10px;

}

.enviar:hover  {
    font-size: 18px;


}

.mensagem {
    margin-top: 0px;
}

.pcontato {
    font-size: 25px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 5px;
}

div .for {
    margin-bottom: 50px;
}

Eu fiz umas pequenas alterações no meu código conforme meu estilo. Porém agora não sei onde colocar um display block para deixar o radio do geito certo kkk

Como está meu radio: https://prnt.sc/srxkr2

3 respostas
solução!
por Alexandre de Souza Serrano
| 238.8k xp | 181 posts
Coordenador de TI

Aperta F12 na tela. Na aba Elements vc consegue ver todo seu html e pode ir mexendo nele como quiser. Qdo tiver do seu jeito, copia o CSS e leva pra sua aplicação.

por Laís Cavalcanti
| 2577.8k xp | 4815 posts
Instrutor

Oi, Patrick, tudo bem?

De que forma deseja que o seu button radio fique? se puder colocar o seu código css completo e o html também, facilitaria para testar o estilo.

por Fabricio Harbs
| 70.2k xp | 4 posts
Analista de TI

Patrick, acredito que o problema esteja aqui:

form input {
    display: block;
}

Tenta colocar a linha   display: block;  dentro do parágrafo abaixo:

.input-padrao {
    display: block;
   padding: 5px;
   margin-right: 30px;
   padding-left: 25px;
   padding-right: 25px;
   width: 50%;
}