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 vote307 views1 answer
Tail block css
CSS
0 vote312 views2 answers
How set image at top in wordpress
CSS
0 vote321 views2 answers
Webkit-line-clamp: 2;
CSS
-1 vote302 views3 answers
Css ul to center
CSS
1 vote307 views2 answers
Css scrollbar in div
CSS
0 vote299 views1 answer
Resetting Default Table Styles
CSS
28 votes298 views3 answers
Font-face html
CSS
7 votes344 views2 answers
Html remove border from textarea
CSS
0 vote315 views1 answer
Change hover color link in wordpress
CSS
2 votes317 views2 answers
Disable right click with css
CSS