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 vote177 views1 answer
Using target="_blank" without rel="noreferrer" (which implies rel="noopener") is a security risk in older browsers: see https://mathiasbynens.github.io/rel-noopener/#recommendations
CSS
7 votes121 views2 answers
Bootstrap Aligning images
CSS
2 votes121 views1 answer
Twig ternaire
CSS
0 vote123 views1 answer
Css distance between text and input box
CSS
0 vote140 views1 answer
Css input not clickable
CSS
0 vote151 views2 answers
Bulma uppercase
CSS Bulma
0 vote108 views1 answer
Storing and receiving FB
CSS
0 vote118 views1 answer
Css print landscape
CSS
29 votes114 views4 answers
Css input
CSS
0 vote113 views1 answer
Css centrar imagen
CSS