画像とテキストを横方向中央に揃える - うなの日記ブロック要素内の画像とテキストを横方向中央揃えにするには、「vertical-align」を使います。(にしし ふぁくとりー さんの 「行内の画像を、文字の（上下方向での）中心に合わせて配置する」を参考にさせていただきました。) 最も高さのあるインライン要素に対して、「vertical-align:middle;」を指定します。 これにより、低い要素は高い要素の中央に配置されます。 インライン要素の高さが可変な場合は、すべての子要素に「vertical-align:middle;」を指定するとOKです。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt
