html - 子 div が親 div から壊れています。なぜ？

Question

親 div と、テキストを含む子 div があります。親divの垂直方向の中央に配置したい。親divの垂直方向に子を中央に配置できないようです。そして、なぜ親divから抜け出しているのですか?

上記が理にかなっていることを願っています。イラストをアップしようとしたのですが、画像を投稿するには評判が10必要なようです。