O código abaixo não realiza o espaçamento de 1em da legenda Assunto para o input de e-mail (para os demais funciona). Se eu substituir por padding-top: 1em funciona. Existe alguma explicação para isso ocorrer?
legend, label[for="mensagem"] {
font-weight: bold;
margin-top: 1em;
}hoje, com a Alura e o Google Gemini
Olá, José. Tudo bom?
Coloca um display: block e vê se começa a funcionar com o margin-top:
legend, label[for="mensagem"] {
font-weight: bold;
margin-top: 1em;
}Se funcionar eu te explico o que está acontecendo :-) Caso não funcione avisa que estudamos um pouco mais o caso.
Olá, José. Tudo bom?
Coloca um display: block e vê se começa a funcionar com o margin-top:
legend, label[for="mensagem"] {
font-weight: bold;
margin-top: 1em;
}Se funcionar eu te explico o que está acontecendo :-) Caso não funcione avisa que estudamos um pouco mais o caso.
Oi Marco,
Não funcionou. O estranho é que o código abaixo funciona corretamente no Firefox, mas no Chrome não.
legend, label[for="mensagem"] {
font-weight: bold;
margin-top: 1em;
}
O Chrome geralmente salva cache de CSS, tente um crtl+F5 na sua página e verifique se a margem funciona.
Um site interessante para você verificar se determinada tag ou css funciona no browser que esta utilizando é o "CAN I USE" -> https://caniuse.com/#search=flexbox