Фрагмент стека

дал форму с некоторыми текстовыми элементами, выровненными по вертикали, вот так:

Они центрированы по горизонтали и вертикали на странице с помощью flexbox:

.my-class {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction:column;
}

То, что я сейчас пытаюсь сделать, - это сохранить это выравнивание (т.е. сохранить все, что на странице, уже точно там, где оно есть), добавляя некоторые элементы по обе стороны от первого текстового поля. Я пытался обернуть все, я, нdiv но поскольку элементы с обеих сторон текстового поля имеют разную ширину, текстовое поле теряет выравнивание:

Как видите, длинные текстовые поля теперь не выровнены. Как добавить элементы до и после первого текстового поля, не перемещаясь туда, где оно находится?

Ответы на вопрос(1)

Ваш ответ на вопрос