Centering items in react css

div.container4 {
    height: 10em;
    position: relative }
div.container4 p {
    margin: 0;
    background: yellow;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) }

Source: w3.org

Similar codes

0 vote176 views1 answer
Mathjax beautiful math in all browsers
CSS
0 vote190 views2 answers
Dont break word css
CSS
5 votes165 views1 answer
Css table border-collapse
CSS
175 votes180 views6 answers
Background css image
CSS
5 votes163 views1 answer
How to create a shape in css
CSS
44 votes187 views5 answers
Breakpoint bootstrap
CSS
70 votes216 views4 answers
Css remove scrollbars
CSS
2 votes180 views1 answer
How to add space between menu items in css
CSS
1 vote196 views2 answers
Css n number of lines only
CSS
0 vote190 views1 answer
Profile page html css template
CSS