2
respostas

Input type radio

Boa tarde, Não consigo que meus botões input radio fiquem alinhados, podem me ajudar? Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas

Olá Melina, se você usar a propriedade transform: translate(porcentagem eixo x, porcentagem eixo y); acredito que funcione. No caso da porcentagem você vai testando valores e recarregando a página para observar em que local você quer que os inputs radio fiquem posicionados. Espero ter ajudado, bons estudos!

Olá Melina.

Usando HTML você pode fazer assim:

<div>
        <span><input type="radio" name="contato" id="email" value="email"></span><label for="email"> Email</label>
        <span>|</span>
        <span><input type="radio" name="contato" id="telefone" value="telefone"></span><label for="telefone"> Telefone</label> 
        <span>|</span>
        <span><input type="radio" name="contato" id="whats" value="whats"></span><label for="whats"> WhatsApp</label>
    </div>

Mas para ajustar exatamente você pode adicionar estilos no CSS.

Abraço.