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

2 votes362 views1 answer
Hover effect button css
CSS
0 vote389 views5 answers
SVG color
CSS
1 vote348 views1 answer
How to remove increment in input type number
CSS
0 vote354 views3 answers
Save line breaks in textarea
CSS
0 vote365 views1 answer
Css column gap flex
CSS
0 vote353 views1 answer
Titillium font
CSS
16 votes316 views2 answers
Set font color in css
CSS
2 votes398 views1 answer
Css square image
CSS
2 votes338 views1 answer
Uninstall pm2
CSS
0 vote358 views1 answer
Display elements side by side css
CSS