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

8 votes236 views2 answers
Css change image width
CSS
0 vote196 views1 answer
Box-sizing border-box vs content-box css
CSS
0 vote207 views1 answer
React right burger scrol bar
CSS
0 vote190 views1 answer
Font semi bold css
CSS
4 votes199 views1 answer
Ionic mobile always dark theme in web
CSS
1 vote199 views1 answer
Bolock rotating the screen on your website with css
CSS
2 votes188 views3 answers
Sequelize order by
CSS
0 vote280 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
0 vote189 views1 answer
Two background css
CSS
31 votes297 views3 answers
Rgba blue color
CSS