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

3 votes375 views2 answers
Backdrop filter all properties
CSS
0 vote316 views1 answer
Css hero image
CSS
0 vote370 views1 answer
Css if child has class
CSS
1 vote372 views1 answer
Elementor ccs code for gradient
CSS
0 vote339 views1 answer
Shopify display flex not working
CSS
0 vote432 views1 answer
Auto enable background graphics print settings
CSS
22 votes376 views5 answers
Grid center
CSS
3 votes409 views1 answer
Include screen size
CSS
1 vote384 views1 answer
Make web page float to center of page
CSS
0 vote393 views1 answer
Can we block onclick of button using css
CSS