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

3 votes337 views1 answer
Css edit scroll bar
CSS
1 vote363 views2 answers
Css module multiple classes
CSS
13 votes335 views3 answers
How to change cursor in css on hover
CSS
0 vote329 views1 answer
Nmap output ip only
CSS
0 vote322 views1 answer
Redesign html select
CSS
0 vote309 views1 answer
Css how to find all ids that end with something
CSS
4 votes337 views3 answers
Css alternate row color
CSS
0 vote366 views1 answer
Css element top layer
CSS
0 vote330 views1 answer
Auto-indenting on Sublime Text 3 - "Key Bindings"
CSS
0 vote366 views1 answer
Css contour
CSS