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

0 vote155 views1 answer
Css fade change coloir
CSS
6 votes144 views3 answers
Print media css
CSS
1 vote124 views1 answer
Give shadow all around uniformly css
CSS
1 vote139 views1 answer
-o css
CSS
0 vote134 views1 answer
Truncate long line with dots
CSS
3 votes156 views2 answers
Css sass
CSS
3 votes142 views1 answer
Css image fit in div with aspect ratio
CSS
5 votes150 views1 answer
Hidden elements blinking on hover
CSS
11 votes95 views1 answer
90deg rotate to left css
CSS
1 vote130 views1 answer
Ionic input line color
CSS