CSSで、1行テキストを縦中央（垂直）に配置

「高さ固定のブロック」内で、「1行テキスト」を縦中央（垂直）に配置したい

---

A

line-height（行間指定）を高さと同じ数値に指定
▼css

.hoge {

 height: 200px;

 width: 200px;

 line-height:200px;

}

line-height指定なので
・1行テキストについては、「font-size:600%;」とか拡大しても、縦中央に配置される

なんで？
・だけど、どうしてこれでうまくいくか分からない
・高さの半分を指定するのかと思ったけど、そうじゃないんだね

汎用的な方法
・CSS3時代の上下中央に配置するパターン
・「position:absolute」がレスポシブに影響を及ぼすかもしれないので、今回は導入見送り(幸いにして、対象が「1行テキスト」だったこともあり)
・だけど「position:absolute」が本当にレスポシブへ悪影響を及ぼすかは不明(単にそうかもしれないと思っただけ)

今日の感想
・CSS分からねー
・CSS3を理解していないことは自覚してたけど、CSSもまだ分かっていないことに気が付き、ちょっとがっかりしたよ。自分に……