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

1 vote156 views2 answers
Image to fill container size
CSS
0 vote156 views2 answers
Position relative get in center
CSS
3 votes147 views3 answers
Remove on click border
CSS
1 vote155 views1 answer
Box shador of one border css
CSS
1 vote174 views1 answer
Hover button scss
CSS
0 vote168 views1 answer
Material css navbar
CSS
7 votes178 views3 answers
Iframe no scroll
CSS
2 votes219 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
9 votes178 views4 answers
How to stop form from submitting on enter
CSS
0 vote157 views1 answer
Css3 background image curve
CSS