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 vote311 views2 answers
Elementor accordion closed by default
CSS
5 votes317 views1 answer
1 line darkmode css
CSS
4 votes318 views2 answers
Bootstrap icons sdn
CSS Bootstrap
0 vote300 views1 answer
Codemirror resizable
CSS
0 vote247 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS
2 votes276 views3 answers
Placeholder color default
CSS
21 votes282 views3 answers
Disable cursor css
CSS
19 votes248 views2 answers
Add font to react
CSS
5 votes292 views2 answers
Word spacing css
CSS
0 vote274 views1 answer
Z index div over cursor
CSS