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

22 votes370 views5 answers
Grid center css
CSS
-1 vote356 views2 answers
How to scroll fixed position
CSS
3 votes373 views3 answers
Zoom image inside div and move
CSS
1 vote309 views1 answer
Css div text size
CSS
1 vote365 views1 answer
::after cant see
CSS
0 vote411 views1 answer
How to set unclickable checkbox using css
CSS
0 vote362 views1 answer
Css mauszeiger ändern
CSS
0 vote406 views1 answer
Shrink a div by 50%
CSS
0 vote364 views3 answers
Style highlight css
CSS
3 votes373 views2 answers
Width css property
CSS