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 vote251 views1 answer
Height current -3px css
CSS
0 vote204 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS
0 vote182 views1 answer
Loop Over Array of Objects and Combine them if they have similar keys
CSS
16 votes200 views3 answers
CSS Head Link
CSS
-1 vote206 views1 answer
How to hover div in css
CSS
4 votes222 views3 answers
How to not underline links in css
CSS
0 vote211 views1 answer
Chrome close tab after print
CSS
7 votes233 views3 answers
Make text unselectable css
CSS
0 vote188 views1 answer
Estilos de button css
CSS
23 votes167 views5 answers
Font weight css
CSS