itLinkedInPocketCopy画像とテキストを横に並べてなおかつ画像の縦方向の真ん中にテキストを置きたい時あります。サイトのヘッダーなどでロゴ画像とサイトタイトルを並べたい時など。floatやflexboxを使っても良いのですがシンプルにインライン要素でやりたい時のために。画像とテキストが1行の時の横並び、縦中央揃え。htmlは下記のようにします。注意するのは、imgとspanに改行を入れないこと。インライン要素の横並びさせたい場合、コードに改行があると隙間ができます。改行コードの問題のようですが、この隙間をなくすには改行せずに記述することにします。※この余白を取る方法はコメントアウトしたりletter-spacingで調整したりする方法もあります。middle;}テキストをspan要素で囲みインラインブロックとして扱います。インライン要素ということでvertical-alignが有効になります。画像とテキスト複数行の場合テキストが複数行だった場合の縦方向中央揃え。class="site-title"><h1>Web制作の覚え書き</h1><p>ウェブデザイン,コーディング,サーバーなどウェブやMacのこといろいろ</p></div></div>テキストはh1とpタグで囲んでいます。img要素と横並びにするためにh1,pをdiv.site-titleでひとかたまりにします。1;}vertical-alignを有効にするために.site-titleをdisplay:inline-blockでインラインにし、vertical-align:middleを指定します。テキストを縦中央にするためpタグをline-height:1にして行の高さをフォントサイズと同じにします。以上、インライン要素として画像とテキストを横並びにして縦方向中央に揃えるでした。IEやFirefoxで表示される。phpMyAdminでログインパスワードを再設定する方法WordPressで、ログインパスワードがわからなくなった!というときに。