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 vote544 views1 answer
Twig inline css
CSS
23 votes286 views5 answers
Image rotate css
CSS
0 vote298 views1 answer
Display elements side by side css
CSS
0 vote292 views1 answer
Grippy css
CSS
8 votes285 views2 answers
Css list style
CSS
0 vote306 views1 answer
Patterns with css
CSS
8 votes278 views2 answers
Text underline hover css
CSS
1 vote282 views1 answer
Bootstrap col no gaps
CSS
0 vote270 views1 answer
Material icons after css
CSS
6 votes278 views5 answers
Object fit css
CSS