bgxjk531 https://blog.hatena.ne.jp/bgxjk531/ Web徒然なるままに https://bgxjk531.hatenadiary.org/ HTML押さえどころ vertical-alignはインライン要素とテーブルセル要素にのみ適用します。 ブロックレベル要素には適用できませんので、display: table-cell;を使用します。[方法1] H1の中に画像を入れる方法※この方法は、文字数が多かったり、改行するとimageの下に文字が回り込みます。 <div id="header1"> <h1><img src="image/hana.jpg" alt="花の画像" title="花の画像" />文字の縦位置を中央にする。</h1> <!-- end[div id="header"] --></div> <style type="text/css… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fbgxjk531.hatenadiary.org%2Fentry%2F20130529%2F1369803551" title="文字と画像を同列に並べる方法 - Web徒然なるままに" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/b/bgxjk531/20130529/20130529155133.jpg Hatena Blog https://hatena.blog 2013-05-29 13:59:11 rich https://bgxjk531.hatenadiary.org/entry/20130529/1369803551 1.0 100%