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

Espaço entre a "bolinha" e o "texto"

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 Fabiano de Sousa Carvalho
| 28.2k xp | 7 posts
#OpenToWork

Boa tarde.

Talvez por conta da diferença de versões do navegador, mesmo seguindo a risca os codigos do professor, o texto fica colado com a bolinha ( "radio").

Como faço para inserir um espaço?

Obrigado!

<div>
                    <p>Como prefere nosso contato?</p>
                    <label for="radio-email"><input type="radio" name="contato" value="email" id="radio-email">Email</label>

                    <label for="radio-telefone"><input type="radio" name="contato" value="telefone" id="radio-telefone">Telefone</label>

                    <label for="radio-whatsapp"><input type="radio" name="contato" value="whatsapp" id="radio-whatsapp">WhatsApp</label>
                </div>
2 respostas
solução!
por Renan L.
| 116.1k xp | 20 posts

Fala Fabiano! Tudo bem?

Nesse caso, como é um exemplo bem simples, o que você poderia fazer é colocar o descritivo dos labels em um span, o código poderia ficar algo do tipo: 

<label for="radio-email">
  <input type="radio" name="contato" value="email" id="radio-email">
  <span>Email</span>
</label>

Pode ainda trabalhar com o tamanho que quer espaçar estilizando o margin do span com CSS conforme desejar.

Por exemplo: 

<label for="radio-email">
  <input type="radio" name="contato" value="email" id="radio-email">
  <span style="margin-left: 5px;" >Email</span>
</label>
por Fabiano de Sousa Carvalho
| 28.2k xp | 7 posts
#OpenToWork

Olá Renan!

Muito obrigado pela dica! Deu certo!

Abraços!