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 vote190 views5 answers
Css fr meaning
CSS
0 vote159 views1 answer
Responsive slider with text animation codepen
CSS
68 votes222 views6 answers
Center position absolute
CSS
6 votes197 views2 answers
You have a flexbox container with items set in a row. You want the items to be displayed in the opposite order in which they appear currently. Which code do you use?
CSS
4 votes206 views2 answers
How to make fonts respnsive
CSS
0 vote208 views1 answer
Custom taxonomy pagination 404
CSS
1 vote217 views1 answer
Linux bash sort folders ascending
CSS
0 vote201 views1 answer
Selection.addrange() deprecated
CSS
0 vote192 views1 answer
Css full grid span
CSS
62 votes178 views3 answers
Font awesome 4
CSS