First at all you don't need the <div>
for table-row you can work only with the table-cell
, to solve the align issue assign the height:100%
for the table and table-cell:
.table {
height:100%;
display: table;
margin: 0px auto;
}
.table_cell {
height:100%;
display: table-cell;
vertical-align: middle;
}
Check this Demo Fiddle