CSS Center text (Horizontal and Vertical) inside a DIV block - Stack Overflow

Approach 1 - transform translateX/translateY: Example Here / Full Screen Example In supported browsers (most of them), you can use top: 50%/left: 50% in combination with translateX(-50%) translateY(-50%) to dynamically vertically/horizontally center the e

stackoverflow.com