¿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á?

Respuestas a la pregunta(1)

Su respuesta a la pregunta