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

14 votes229 views2 answers
.col-12 bootstrap
CSS
0 vote233 views1 answer
Child width big
CSS
0 vote246 views1 answer
Mat dialog background color
CSS
0 vote242 views1 answer
How to extend selector
CSS
29 votes251 views5 answers
Kill all ports
CSS
168 votes271 views6 answers
Box shadow css property
CSS
1 vote250 views1 answer
How to write if condition in css
CSS
4 votes221 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap
5 votes231 views3 answers
How to change radio button color
CSS
0 vote234 views1 answer
Remove all input style'ing
CSS