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 vote197 views1 answer
Css to exclude last row table
CSS
1 vote184 views2 answers
Buttonfarbe transparent machen css
CSS
1 vote169 views2 answers
Fixed within the div css
CSS
4 votes182 views1 answer
How do i update my gatsby version?
CSS
0 vote227 views2 answers
Zoom image on click css
CSS
0 vote202 views1 answer
Trim background image css
CSS
0 vote180 views1 answer
Css file not getting captured in laravel project
CSS
2 votes187 views1 answer
Vertically center an svg
CSS
0 vote174 views1 answer
Sticky header not working chrome
CSS
0 vote233 views2 answers
Style message d'erreur css
CSS