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

12 votes337 views1 answer
Disable increment in input type number
CSS
0 vote357 views1 answer
-webki slider runnable track
CSS
47 votes353 views6 answers
Css center text in div
CSS
8 votes292 views5 answers
Css triangle
CSS
0 vote359 views1 answer
Bast css 3d images gallery code
CSS
37 votes319 views4 answers
Select even child css
CSS
0 vote316 views1 answer
Color custom css use in laravel
CSS
2 votes324 views3 answers
Placeholder color default
CSS
0 vote384 views1 answer
Why grepper not always shows
CSS
0 vote307 views1 answer
Css !important
CSS