quería ver si me podrían ayudar con un asunto de items en css, lo que estoy haciendo es crear un contenedor con 2 hijos que son los items, cada uno abarcaría la mitad del contenedor pero al mostrar en pantalla el "hijo 2" se coloca a continuación con un salto de línea:
El código css que estoy utilizando es el siguiente:
div.contenedor {
margin-top: 2rem;
margin-bottom: 2rem;
height: 5rem;
border: 1px solid black;
align-items: baseline; <-- con este pensaba que se acomodaría justo a un lado sobre la misma línea
}
div.hijo1 {
width: 19rem;
text-align: center;
border: 1px solid black;
}
div.hijo2 {
width: 19rem;
margin-left: auto;
text-align: center;
border: 1px solid black;
align-self: flex-start;
}
<div class='contenedor'>
<div class='hijo1'>
CONTENIDO EN CUADRO
</div>
<div class='hijo2'>
CONTENIDO EN CUADRO
</div>
</div>
Y me arroja lo siguente (adjunto imagen porque es un pdf):