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

11 votes126 views1 answer
Wrap none css
CSS
0 vote119 views1 answer
Ecto generator create new mvc
CSS
0 vote113 views1 answer
Select tag text align center
CSS
63 votes140 views6 answers
Html center image
CSS
0 vote113 views1 answer
Putting picture shaddow in css
CSS
0 vote107 views1 answer
Easyui how to change datagrid header height
CSS
8 votes133 views5 answers
Css hover change other element
CSS
0 vote117 views1 answer
Css set transition duration for a property
CSS
0 vote100 views1 answer
Values play state animation css
CSS
8 votes135 views2 answers
Css change image width
CSS