Vertically centering a div inside another div [duplicate]

Answer 1

#outerDiv{
        width: 500px;
        height: 500px;
        position:relative;
        background:grey;
        display:flex;
        justify-content:center;
        align-items:center;
    }

    #innerDiv{
    background:cyan;
        width: 284px;
        height: 290px;

        
    }

Inner Div

you can do it by simply adding css style mentioned above. All the best. For any query please comment