Entrar Ainda não tem acesso?
1
resposta

[Dúvida] Não estou conseguindo alinhar os radios do lado esquerdo das opções

Referente ao curso HTML5 e CSS3 parte 3: trabalhando com formulários e tabelas, no capítulo Tipos de campos diferentes e atividade CSS para formulários complexos

por Fernanda Finkler Lachowski
| 7.7k xp | 1 posts

Olá, não estou conseguindo colocar os radios de seleção do lado esquerdo das opções, fiz seguindo o passo a passo, mas devo ter cometido algum erro, pois não mudou.

CSS: .input-padrao { display: block; margin: 0 0 20px; padding: 10px 25px; width: 50%; }

Html: Nome e sobrenome 

    <label for="email">Email</label>
    <input type="text" id="email" class="input-padrao"> 

    <label for="telefone">Telefone</label>
    <input type="text" id="telefone" class="input-padrao">

    <label for="mensagem">Mensagem</label>
    <textarea cols="70" rows="10" id="mensagem" class="input-padrao"></textarea>
1 resposta
por Igor Soares
| 970.3k xp | 19 posts

Olá, Fernanda, tudo certinho?!

Nesse código, você declarou apenas input, para declarar os Radios, você precisa escrever algo como isso, não?

<form>
<label for="nomesobrenome">Nome e sobrenome</label>
<input type="text" id="nomesobrenome" class="input-padrao" required>
</form>

<fieldset>
<label for="radio-nomesobrenome"><input type="radio" name="contato" value="nomesobrenome" id="radio-nomesobrenome"> Nome-sobrenome</label>
</fieldset>