【Flexible box】

DEMO

【CSS追加】
.flexiblebox {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /* 縦方向中央揃え(Safari用) */
  align-items: center; /* 縦方向中央揃え */
  -webkit-justify-content: center; /* 横方向中央揃え(Safari用) */
  justify-content: center; /* 横方向中央揃え */
}