Как выравнять по центру без relative/absolute?

Question

[neulwert]

Вот мой код: https://jsfiddle.net/h5yox1r0/6/
В css коде пометил необходимое место комментарием /* cards */

Мне нужно текст поставить по центру синего элемента и прибрать розовый бэкграунд, чтобы он обтекал текст. К тому же, когда вводишь текст, каким бы большим он не становился, он должен придерживаться центра и равномерно распределяться. Как это сделать без использования relative/absolute?

Comments

[neulwert]

Я как-то display flex и justify content использовал криво...

[lUser L]

neulwert, за такое по рукам бить нужно

#slideshow .slide-text {
...
}


.double div {
...
}

[neulwert]

Ankhena, Michael McGlyyn,

Эмиль в ответах сделал приблизительно так как нужно, но у него текст в жестких некрасивых рамках, не знаю в оригинале тоже так или нет...(хотя я некорректно объяснил, надо было сразу скинуть скриншот образца).

Вот оригинал:

[neulwert]

Мне удалось немного изменить ответы и получить то, что хотел, всем спасибо за замечания и ответы))

Answer 1

[TostPOST]

Answer 2

[lUser L]

https://codepen.io/5h4dy_s/pen/XWmdrKK

#slideshow .slide-text
лучше не делать такую вложенность с css

#slideshow
и не использовать id в css для этого есть классы