Legen Sie alle diese Elemente in einen Container div.
<div class="middle-align">
<!-- your elements here -->
</div>
dann die folgenden Arten verwenden:
1- Zeilenhöhe Methode:
.middle-align {
height: 200px; /* 200px is an example height */
line-height: 200px; /* again, an example height */
}
2- Tabelle Styling-Verfahren:
.middle-align {
display: table;
}
und schaffen Container für alle untergeordneten Elemente
<div class="middle-align-child"><!-- child element here --></div>
.middle-align-child {
display: table-cell;
vertical-align: middle;
}