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

2 votes134 views2 answers
How to move text down in css
CSS
61 votes257 views2 answers
Bootstrap flex direction column
CSS Bootstrap
0 vote175 views1 answer
Rel="noopener noreferrer
CSS
0 vote132 views2 answers
Wow.js
CSS
0 vote132 views1 answer
Browser renders before styles are applied
CSS
2 votes136 views1 answer
Sass class with another class
CSS
0 vote137 views1 answer
Css 2 images side by side to stack
CSS
7 votes134 views2 answers
Css comic sans
CSS
-2 votes134 views3 answers
How to highlight text in css
CSS
5 votes181 views3 answers
Bootstrap 4 classes list with description pdf
CSS Bootstrap