Fala pessoal, beleza?
Sou iniciante, acabou surgindo uma dificuldade de alinhar meu checkbox, se alguém puder dar uma dica de como devo proceder, segue o trecho do meu HTML:
<li>
<label class="bloco">Deseja receber novidades por email:</label>
<input type="radio" name="novidade" checked /> Sim
<input type="radio" name="novidade" /> Não
</li>
<li>
<label class="bloco">Como nos encontrou?</label>
Indicação <input type="checkbox" name="divulg" /> <br>
Redes Sociais <input type="checkbox" name="divulg" /> <br>
E-mail <input type="checkbox" name="divulg" />
</li>
E CSS:
form#contato ul li label {
display: inline-block;
width: 80px;
font: 18px Lucida; }
form#contato ul li label.bloco {
display: block;
width: 50%;
margin: center;
height: 30px; }
label.bloco {
font-weight: italic;
font-family: lucida;
font-size: 18px; }
{ }
para formatá-lo corretamente (ou pressionar o atalhoCTRL + K
).