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 vote230 views1 answer
Using a Python dict for a SQL INSERT statement
CSS
0 vote228 views1 answer
Background image animation css codepen
CSS
33 votes224 views4 answers
How to change paragraph text color to Red css
CSS
0 vote214 views2 answers
How to remove default look of button
CSS
1 vote207 views1 answer
Universal selector incss'
CSS
0 vote207 views2 answers
Css how to place an icon on a photo
CSS
0 vote232 views1 answer
Wordpress https to localhost http
CSS
18 votes210 views4 answers
Background color none
CSS
0 vote234 views1 answer
Have unordered list horizontal css
CSS
1 vote158 views2 answers
Hide text css
CSS