<img>
タグ内の残りのテキストと一緒にタグを適切に配置したいと思います<h1>
。
しかし、これを行う方法がわかりません。パディングはテキストと画像の両方を移動します。
http://jsfiddle.net/vUCr9/これは私が持っているものです。テキストを画像の中央に配置したいと思います。
誰か良い解決策がありますか?
<img>
タグ内の残りのテキストと一緒にタグを適切に配置したいと思います<h1>
。
しかし、これを行う方法がわかりません。パディングはテキストと画像の両方を移動します。
http://jsfiddle.net/vUCr9/これは私が持っているものです。テキストを画像の中央に配置したいと思います。
誰か良い解決策がありますか?
vertical-align
画像の-mentを指定します。
h1 {
font:35px 'Russo One', sans-serif;
}
h1 img {
vertical-align: middle;
}
参照:
を使用position:relative
してimg
、次left: Xpx; top:Xpx
のように配置します。
img{
position: relative;
top: 6px;
left: 4px;
}
これがjsFiddleです
<h1>HTML<img style="vertical-align:middle;"
src="https://si0.twimg.com/profile_images/1730750300/HTML5_Badge_128_normal.png"
alt="5" /> LOGO</h1>
これがインラインスタイルで修正する方法です