はじめに 高さがあらかじめ決まっている要素内で文字列を縦方向に中央寄せしたい時様々な方法がありますが、個人的にあまりしっくりくるものがありませんでした。 それぞれの方法から、メリットデメリットを見てみます。 ちなみに、以下のようなHTMLとCSSを共通で使用するとします。 <div class="parentElement"> <div class="childElement">アライさん、またやってしまったねぇ</div> </div> <div class="parentElement"> <div class="childElement">ふわああぁ!いらっしゃぁい!よぉこそぉ↑ジャパリカフェへ~!どうぞどうぞ!ゆっぐりしてってぇ!いやま゛っ↓てたよぉ!やっとお客さんが来てくれたゆぉ!嬉しいなあ!ねえなんにぃのんむぅ 色々あるよぉ、これね、紅茶って言うんだってぇハ↓カセに教えてもらっ