CSS: How do I center two DIV's within a parent DIV?

#eltern-container {
    position: relative;
    float: none;
    margin: 0 auto;
    width: 100%;

    /* The following three instructions are crucial! */
    display: flex;
    justify-content: center;
    align-items: center;
}