Фрагмент стека
дал форму с некоторыми текстовыми элементами, выровненными по вертикали, вот так:
Они центрированы по горизонтали и вертикали на странице с помощью flexbox:
.my-class {
display: flex;
justify-content: center;
align-items: center;
flex-direction:column;
}
То, что я сейчас пытаюсь сделать, - это сохранить это выравнивание (т.е. сохранить все, что на странице, уже точно там, где оно есть), добавляя некоторые элементы по обе стороны от первого текстового поля. Я пытался обернуть все, я, нdiv
но поскольку элементы с обеих сторон текстового поля имеют разную ширину, текстовое поле теряет выравнивание:
Как видите, длинные текстовые поля теперь не выровнены. Как добавить элементы до и после первого текстового поля, не перемещаясь туда, где оно находится?