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

21 votes188 views2 answers
Ul css in one line
CSS
6 votes189 views3 answers
How to add a background overlay in css
CSS
0 vote154 views1 answer
Ipad pro css
CSS
1 vote140 views2 answers
List no bullets html
CSS
10 votes180 views2 answers
Darken image css
CSS
0 vote187 views1 answer
Increase the distance between paragraphs css
CSS
3 votes175 views3 answers
Css border left
CSS
3 votes168 views2 answers
Crop image with circle css
CSS
0 vote173 views1 answer
Get clicked position javascript image
CSS
2 votes180 views1 answer
Css focus outline none
CSS