1

tengo una duda básica. Tengo 2 div, y dentro de cada uno hay un párrafo. En el css tengo los div con medida y con inline-block. Mi duda es: ¿ Porque el primer párrafo queda mas abajo que el otro? Si cambio los párrafos pasa exactamente lo mismo. El segundo párrafo queda mas abajo del primero.

div{

    width: 200px;
    height: 200px;
    display: inline-block;
}
<body>

    <div>
        <p>Lorem ipsum, dolor sit amet consectetur adipisicingsint totam tempora ipsa. Ipsa unde nobis laborsaepe esse
            doloribus aliquam id libero.</p>
    </div>

    <div>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil commodi sint ab ipsa quas quae! Temporibuslit.
            Nihil commodi sint ab ipsa quas quae! Temporibus athtrhliquid hic assumenda deserunlit. Nihil commodi sint
            atationem delectus necessitatibus natus aliquam at?</p>
    </div>

</body>

introducir la descripción de la imagen aquí

1 respuesta 1

1

Puedes valerte de vertical-align para lograr el alineado vertical del o de los elementos y poder en este caso moverlos al top de su contenedor de esta forma:

  div{
    width: 200px;
    height: 200px;
    display: inline-block;
    vertical-align: top;
  }
2
  • gracias por la solucion. ¿ Sabes porque ocurre ese corrido? Tiene que ver con el div o algo asi?
    – Ralexhx
    el 20 feb. 2021 a las 1:30
  • @Ralexhx te comparto esta respuesta que no es mia pero igual te puede guiar sobre el tema: es.stackoverflow.com/questions/24964/…
    – BetaM
    el 20 feb. 2021 a las 1:48

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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