縦の真ん中に揃えるのがとても苦手

縦の真ん中に揃える

よくあるこんな感じの要素の配置。

左の写真の立て幅のちょうど真ん中の位置に、

右の名前と時間の２つの要素を配置する。

これ自体はあんまり苦じゃない。

いろんな手段あると思う。たぶん。

でも、名前がとっても長い人の場合を考えると大変。。

これを２行に合わせようとして、
line-heightを1.3とかに設定すると・・・

名前短い人が上めになってしまう・・・

_:(´ཀ`」 ∠):

ってことで真ん中にするために

display: tableと、displya: table-cellからのvertical-align

使い方のメモは次回！w