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 vote111 views1 answer
Move element on new line css
CSS
0 vote102 views1 answer
Css calc vw minus px
CSS
1 vote126 views2 answers
Overflow x not hidden
CSS
1 vote125 views2 answers
Css all ids starting with
CSS
0 vote103 views1 answer
Display inline-block not working
CSS
1 vote103 views1 answer
Css position absolute transition
CSS
0 vote105 views2 answers
Webpack alias not working in jest
CSS
2 votes108 views2 answers
Css grid make all rows same height
CSS
6 votes101 views2 answers
Remove button default border css
CSS
0 vote101 views1 answer
Css3 ripple loop
CSS