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:relativeonimg然后定位它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