How to center the text in the transformation of the parent?

5c9a0f68a0e08688467017.png
Hello! Help please with this question. How to center the text that he was always in a horizontal position, with the circles with text rotate: transform: rotate. That is to make sure that the text was not dependent on the parent?
March 19th 20 at 08:39
1 answer
March 19th 20 at 08:41
nail it using position: absolute it to this point in roditelam container, not to the circle on which the transform?

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

Find more questions by tags LayoutCSS