Как центрировать текст при трансформации родителя?

Question

[ljutaev]

Здравствуйте! Помогите пожалуйста, с таким вопросом. Как центрировать текст, что бы он всегда был в горизонтальном положении, при этом круги с текстом вращаются: transform: rotate. То есть сделать так, чтобы текст был не зависимым от родителя?

Answer 1

[hzzzzl]

прибить его через position: absolute именно в эту точку в родительком контейнере, а не к кругу на котором transform?

https://codepen.io/anon/pen/RdOBEa