¿Cómo agregar elementos alrededor de un elemento ya justificado por el centro?
He creado un formulario con algunos elementos de texto alineados verticalmente así:
Están centrados horizontal y verticalmente en la página usando flexbox:
.my-class {
display: flex;
justify-content: center;
align-items: center;
flex-direction:column;
}
Lo que estoy tratando de hacer ahora es mantener esta alineación (es decir, mantener todo lo que está en la página ya exactamente donde está) mientras agrego algunos elementos a cada lado del primer cuadro de texto. Traté de envolver todo lo que yo, n undiv
pero dado que los elementos a cada lado del cuadro de texto no tienen el mismo ancho, el cuadro de texto pierde su alineación:
Como puede ver, los cuadros de texto largos ahora están desalineados. ¿Cómo puedo agregar elementos antes y después del primer cuadro de texto sin moverme donde está?