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

17 votes149 views1 answer
Calc sass variables
CSS
1 vote177 views1 answer
On hover chang only border color of a button css
CSS
0 vote138 views1 answer
Html align svg to text
CSS
0 vote151 views1 answer
CSS adding something next to a picture
CSS
0 vote172 views2 answers
Animate zoom in and zoom out in css
CSS
0 vote270 views2 answers
Materialize css for react
CSS Materialize
0 vote152 views1 answer
Css safari remove scrollbar
CSS
1 vote106 views1 answer
Text decoration none doesn't remove underline
CSS
0 vote169 views2 answers
Open sublime text 3 from terminal mac
CSS
27 votes162 views1 answer
How to use gradient as text color
CSS