CSSで上下中央揃え - jsdo.it - Share JavaScript, HTML5 and CSS高さが固定のエリアで画像や複数行のテキストなどを上下中央揃えにする方法。 ・HTML5 or XHTML1.0strict で対応。 ・IE8+, Fx, Safari, Chrome (IE7はfont-sizeとか織り交ぜると対応可) <p><img src="http://dummyimage.com/300x200/000/fff" alt=""></p> <p><span>複数行のテキストの場合<br>２行目ほげほげほげ<br>３行目ふがふがふが</span></p> <p><img src="http://dummyimage.com/100x100/000/fff" alt=""><span>複数行のテキストの場合<br>２行目ほげほげほげ<br>３行目ふがふがふが</span></p> /* base */ p { text-align: center; backgroun
https://depthcode.com/2011/08/box-center.html
