【CSS】画像とテキストを中央で揃える方法【vertical-align】｜合同会社チームサンタ画像とテキストを真ん中で一列に並べて表示したい時のコードや方法を軽くまとめ。 そして、vertical-alignについての説明です。 ※201504-大幅修正 画像とテキストの縦揃え まずはhtmlで画像とテキストを横にただ並べてみます。 <!-- html --> <p class="anago"><img src="画像の名前"> テキストを中央揃え!</p> このような感じで、テキストと画像がうまく中央で並んでくれません。 (vertical-alignプロパティ基準値が【baseline】のため) というわけでテキストや画像などの縦方向の揃え位置を指定できるvertical-alignの番です。 ー駄目なやつー /*css*/ .anago{ vertical-align:middle;/*middleは中央揃え*/ } 全体を囲むpに対してcssを書きたくなりますね。・・・なり
