[問題] 文字長度不同如何RWD置中在區塊

[s9250123 (Adun)]

如題，目前在製作一個可以左右切換的選單按鈕，在頁面寬度夠的時候一行沒有問題...
但在不同裝置縮放時英文會斷行（寬度不同也可能右邊斷左邊不斷）
Code如網址：
http://jsbin.com/qukisuhudi/1/edit?html,css,output

問題是同時也要兼顧中文版文字（隨機播放/循序播放）維持文字內容的垂直置中，請教各位大大都如何處理這種狀況呢？感謝～～
-----
Sent from JPTT on my iPhone

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 223.140.2.5
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1518252315.A.5B7.html
推 ymcheung: 在 label 加上 white-space: nowrap; 強制不換行
→ s9250123: 但英文字串太長了還是需要分兩行...有辦法讓他分兩行時
→ s9250123: 也同時是置中嗎...QQ
推 InfinityGate: label也用flexbox然後置中
→ InfinityGate: line-height拿掉
→ s9250123: 成功了！！！感謝小鳥大的解惑和ymc大大的幫忙～～