0

Cual sería la forma correcta de alinear estas dos imagenes?

introducir la descripción de la imagen aquí

<img src= "resources/menu.png" id="button-menu" width= "40px" height= "40px" style="margin-top: 5px"/> &nbsp; &nbsp; &nbsp;<img src= "resources/logo.png" id="logo-menu" width="200" height="57" style="margin-top: 5px"/ >

He intentado marcarles el mismo margen arriba, entre otras cosas, pero solo me marca de más no de menos, no tengo muchos conocimientos de css. Gracias.

1 respuesta 1

0

Para alinear dos o más objetos del DOM puedes utilizar vertical-align, en tu caso podrías alinear ambos al centro de la siguiente forma:

#button-menu, #logo-menu {
    vertical-align: middle;
}

Las opciones de alineación que tienes son las siguientes:

baseline | sub | super | text-top | text-bottom | middle | top | bottom

Espero sea de ayuda saludos ;)

1
  • Gracias, lo había intentado juraría y no me resultaba, pero ahora si. ;)
    – mourazo
    el 16 sep. 2020 a las 13:30

Tu Respuesta

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

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