Así que tengo un contenedor que es flexible y quiero agregar 2 div más dentro, de modo que 1 esté centrado y el otro en el borde derecho. ¿Alguien puede ayudar por favor? el contenedor debe ser flexible.
Puede agregar un div vacío dentro del contenedor principal al principio para que luego pueda usar justify-content: space-between en el contenedor principal. Verifique el código a continuación:
.parent { display: flex; border: 1px solid green; width: 100%; justify-content: space-between; /* Add this */ } .child { border: 1px solid red; height: 100px; display: flex; align-items: center; justify-content: center; } <div class="parent"> <!-- Empty DIV for the sake of justify-content: space-between --> <div></div> <div class="child">CENTER</div> <div class="child">RIGHT</div> </div>