Answers for "react centre div"

CSS
1

react place div at center of page

<div style={{display: 'flex',  justifyContent:'center', alignItems:'center', height: '100vh'}}>
    <h1> I am centered </h1>
</div>
Posted by: Guest on October-14-2020
1

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%) }
Posted by: Guest on April-19-2021

Browse Popular Code Answers by Language