CSS: よしなに垂直方向の中央寄せ

.middle {
  display: flex;
  align-items: center;
}

垂直方向の中央寄せ かつ 右寄せ

.middle-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#上下