Align elements vertically can be tricky. Here are several tricks you can use.
Inline block without wrapping
.wrapper {
white-space: nowrap;
}
.wrapper > * {
display: inline-block;
white-space: normal;
vertical-align: middle;
}
.wrapper:before {
content: '';
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle;
}