how to center a div inside another div

.parent-div {
 	display: flex;
    justify-content: center; 
}

#container {
    width: 640px; /*can be in percentage also.*/
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: relative;
}