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

2 votes205 views1 answer
How to use bulma in gatsby
CSS
7 votes217 views3 answers
Make text unselectable css
CSS
0 vote184 views1 answer
Rust get current date
CSS
0 vote195 views2 answers
Elementor accordions closed by default
CSS
1 vote191 views1 answer
Animated background css
CSS
0 vote251 views1 answer
Outting a border on a map css
CSS
11 votes196 views3 answers
Css "fontweight" "font-weight" "fontWeight"
CSS
2 votes168 views1 answer
How to set height equal to dynamic width pure css
CSS
4 votes203 views5 answers
Placeholder text css
CSS
0 vote191 views2 answers
How to remove default look of button
CSS