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

6 votes131 views3 answers
Input checkbox size
CSS
0 vote102 views2 answers
Css slick js load slider jump
CSS
1 vote105 views1 answer
Html css landing page
CSS
3 votes119 views2 answers
Bootstrap 5 pagination
CSS
10 votes130 views4 answers
Composer self update version 1
CSS
0 vote130 views1 answer
Css no purple links
CSS
3 votes127 views4 answers
Remove outline on button click
CSS
1 vote111 views1 answer
Associate checkbox with label
CSS
0 vote316 views1 answer
Get into a Docker container bash
CSS
5 votes117 views3 answers
How to get rid of button outline when clicked
CSS