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

64 votes325 views4 answers
Bootstrap buttons
CSS Bootstrap
3 votes249 views1 answer
Zoom in to picture on html css
CSS
0 vote250 views1 answer
Comentarios en archivo scss
CSS
0 vote264 views2 answers
Upload directory ssh to remote rsync
CSS
0 vote295 views1 answer
How to disable li points
CSS
2 votes253 views2 answers
How to put the input box and the label on top of input
CSS
0 vote266 views1 answer
Css cotent tipe
CSS
10 votes259 views10 answers
Fortnite
CSS
0 vote317 views1 answer
Html datalist css style
CSS
0 vote261 views1 answer
Double border color css
CSS