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 vote228 views1 answer
Credimax
CSS
102 votes231 views6 answers
Hide horizontal scrollbar css
CSS
3 votes246 views3 answers
Remove clicked button border
CSS
13 votes250 views2 answers
Button edges rounded css
CSS
52 votes213 views4 answers
Css cursor pointer hover
CSS
0 vote237 views1 answer
Viewport is 480 pixels or smaller css
CSS
0 vote219 views1 answer
Div style how to wrap around
CSS
0 vote253 views1 answer
Menu multiple colums batch
CSS
0 vote245 views2 answers
Media Query smartphone only
CSS
1 vote242 views1 answer
Twig block
CSS