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 vote163 views1 answer
Divi hide header
CSS
0 vote155 views1 answer
System ui font
CSS
0 vote145 views1 answer
Product list fix height image css
CSS
0 vote166 views1 answer
Christmas red color code
CSS
31 votes164 views4 answers
Letter spacing in css
CSS
6 votes161 views3 answers
Equivalent zoom css
CSS
41 votes187 views2 answers
Add ... to long text css
CSS
0 vote166 views1 answer
Removing space between words css
CSS
56 votes223 views1 answer
Media queries screen width
CSS
0 vote156 views1 answer
Get clicked position javascript image
CSS