1

estoy empezando con CSS y no consigo alinear el texto del checkbox con el icono, este es mi código, mil gracias!!

.checkbox {
display: flex;
flex-direction: row;
background-color: brown;
justify-content: flex-start;

}

.checkbox label{
font-size: 1em;
font-family: Arial;
  

}

3
  • 1
    Hola María, bienvenida al foro, ¿puedes poner el código HTML para ubicarnos mejor? Saludos
    – Ssnov
    Commented el 4 ago. 2022 a las 15:16
  • <div class="checkbox"> <label for="checkbox">Receive email updates?</label> <input type="checkbox" name="checkbox" id="checkbox"> </div>
    – Maria
    Commented el 4 ago. 2022 a las 15:38
  • Por favor agregalo en la pregunta. Usa este link para editar Commented el 4 ago. 2022 a las 17:32

1 respuesta 1

0

Lo puedes conseguir con vertical-align: middle de la siguiente manera:

label, input{
  font-size: 10px;
  vertical-align: middle;
}
<input type="checkbox" id="texto"/>
<label for="texto">TEXTO</label>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.