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 votes231 views2 answers
What is vh in css
CSS
4 votes194 views4 answers
What is the "style", when creating an internal CSS?
CSS
-2 votes178 views2 answers
How to add button in css
CSS
0 vote224 views1 answer
Mixed-blend-mode css all properties
CSS
0 vote177 views1 answer
Text area resize css
CSS
0 vote197 views1 answer
Add css class c#
CSS
63 votes219 views6 answers
Text shadow
CSS
0 vote228 views2 answers
Styling links within a class except the last one
CSS
0 vote190 views1 answer
Purgecss cli
CSS
0 vote201 views1 answer
Sass each index
CSS