html - 如何将图像放置在带有填充的文本旁边？

Question

<h2><img src="img.jpg" height="75px"> some text</h2>

我想将我的图像放在一段文本旁边，但稍微向下填充，我该如何实现？我style: padding 10px;在图像标签内尝试过但没有成功。

Answer 1

我想你正在寻找这样的东西。http://jsfiddle.net/3HZr7/

<h2>
    <img src="img.jpg" height="75px"> 
    <span>some text</span>
</h2>



h2{
  overflow: auto;    
}

h2 span{

   float: left;
   margin-top: 10px;
   margin-left: 10px;
}

h2 img{
   float: left;        
}​

Answer 2

你误解了CSS 盒子模型。

padding 负责盒子内部的空间，而margin负责盒子外部的空间，盒子从它的容器中得到的空间。

因此，您可能的解决方案很简单：

1. 应用于padding父元素。
2. 应用于margin图像元素。

例子。