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 votes198 views1 answer
Css div take remaining screen height
CSS
0 vote232 views2 answers
How to remove text style on td in angularjs
CSS
0 vote250 views1 answer
Global css cannot be imported from files other than your
CSS
0 vote190 views1 answer
React how to wrap
CSS
11 votes200 views1 answer
Css disable mouse events
CSS
8 votes182 views3 answers
Css max one line three dots
CSS
0 vote189 views1 answer
Css grid auto row
CSS
8 votes212 views4 answers
Css image align left
CSS
0 vote181 views1 answer
French bakery northgate
CSS
1 vote180 views1 answer
The user specified as a definer does not exist
CSS