Align Content Vertically using CSS Table
.container {
display: table;
background: #7396a1;
height: 100px;
color: #fff;
margin-left: auto;
margin-right: auto;
}
.content {
display: table-cell;
vertical-align: middle;
padding: 0 30px;
}
<div class="container">
<div class="content">I'm aligned vertically!</div>
</div>