Как сделать вертикальный текст в блоке с flex?

Question

[kamisarlapsha]

Привет! Как расположить вертикальный текст правильно в блоке c flex ?

Для текста указываю следующие свойства, но получается так, что flex элементы выстраиваются как будто текст до сих пор горизонтальный. То есть текст не находится у самого края.

Comments

[Алексей]

Код бы посмотреть

[kamisarlapsha]

Алексей,

.div-with-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.div {
width: 200px;
height: 200px;
}
.text {
transform: rotate(-90deg);
}

[Алексей]

Ну трансформом можно его прижать вправо. translateY(10px)

Answer 1

[MagicMight]

Сделай обрамление текста в div без flex свойств