css - 残りのテキストとうまく配置する

Question

<img>タグ内の残りのテキストと一緒にタグを適切に配置したいと思います<h1>。

しかし、これを行う方法がわかりません。パディングはテキストと画像の両方を移動します。

http://jsfiddle.net/vUCr9/これは私が持っているものです。テキストを画像の中央に配置したいと思います。

誰か良い解決策がありますか？

score 4 · Accepted Answer

vertical-align画像の-mentを指定します。

h1 {
    font:35px 'Russo One', sans-serif;
}
h1 img {
    vertical-align: middle;
}

参照：

score 1 · Accepted Answer

を使用position:relativeしてimg、次left: Xpx; top:Xpxのように配置します。

img{
  position: relative;
  top: 6px;
  left: 4px;
}

score 1 · Accepted Answer

1

試す：

h1 img{
    vertical-align:middle;
}

于 2012-04-09T17:23:38.957 に答える

score 0 · Accepted Answer

<h1>HTML<img style="vertical-align:middle;" 
src="https://si0.twimg.com/profile_images/1730750300/HTML5_Badge_128_normal.png" 
alt="5" /> LOGO</h1>

これがインラインスタイルで修正する方法です

4 に答える 4