Как грамотно выровнять контент по центру в этом примере?

Question

[Alice777]

Как грамотно выровнять контент по центру в этом примере?
https://jsfiddle.net/0qsbmLsf/

Answer 1

[iBird Rose]

как вариант просто выравниваешь не child элемент, а child child'a
https://jsfiddle.net/0qsbmLsf/1/
т.е. если задал блоку rotate - его child - нужно выровнять. но внутри него ты нормально ничего не выравняешь. потому что на него действует rotate родителя.
а вот уже child внутри child'a ты можешь выровнять - потому что на него rotate уже не действует.