vertical-align:middle;をそのまま適用しても出来ない。
何故ならvertical-alignはインライン要素かテーブルセルにしか効かないから。
対策としてdiv要素にdisplay:inline;を適用したら、divのheightが変わってしまった。
そのため、div要素にdisplay:table-cellを適用したら出来た！
http://unitopi.com/css-vertical-align/
More than 5 years have passed since last update.
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme