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

67 votes146 views6 answers
How to center a div in css
CSS
0 vote141 views1 answer
Mat select remove underline
CSS
0 vote149 views1 answer
Bold in label html
CSS
1 vote162 views2 answers
Css all ids starting with
CSS
0 vote158 views1 answer
Css select havig both classes
CSS
0 vote133 views1 answer
P::after p::before css
CSS
13 votes154 views5 answers
Transition shorthand
CSS
1 vote157 views1 answer
Difference between html and css
CSS
0 vote150 views1 answer
Otp input next field html css
CSS
126 votes150 views7 answers
Css box shadow
CSS