Horizontally & Vertically centering 2 divs within two side by side 50% width columns

Question

Having some trouble getting 2 divs to center horizontally & vertically within their respective parents which are side by side with 50% width and 100% height.

Her

Answer 1

I tried this. I'm not sure if this is what you are looking for. I added display: flex; to the .left and .right classes.

.parent {
    height: 100%;
    width: 100%;
}

.left, .right {
    float: left;
    height: 500px;
    width: 50%;
    display: flex;
}

.info {
    width: 400px;
    height: 280px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}