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 vote296 views1 answer
Grid style form
CSS
0 vote302 views1 answer
Background url with color css
CSS
179 votes442 views6 answers
Filter method
CSS
0 vote294 views1 answer
Two background images css
CSS
0 vote266 views1 answer
Css add required asterisk after
CSS
0 vote273 views1 answer
Css ditribute width equealy to child components
CSS
5 votes290 views2 answers
Css disabled div
CSS
7 votes273 views2 answers
Scss extend
CSS
4 votes295 views3 answers
Add space between all html elements flex
CSS
1 vote289 views1 answer
Scroll bar on border radius element css
CSS