Twitter Bootstrap：小标签边缘底部

Question

我有一段文字，坐在p-标签上。在这个文本里面，有一个图像。对于该图片，我想使用small标签在下面添加标题。这是HTML代码（我加了更好的可读性换行）：

<p>Lorem ipsum dolor sit amet, <img src="img/myimage.png" alt="myimage" /><small> 
Hey look, thats my image!</small><br />consetetur sadipscing elitr, 
sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam</p> 

现在我想将下边距添加到small - 标签使用这个CSS代码：

p small { 
    margin-bottom: 30px; 
} 

这是不工作，没有margin-bottom被应用。选择器是正确的，因为我可以更改左边距，文本颜色等。

如何在Twitter Bootstrap中添加margin-bottom到small？

Answer 1

p small是inline项目，您不能将内边距添加到内联项目。尝试：

p small { 
    margin-bottom: 30px; 
    display: inline-block; 
} 

唯一的缺点大概inline-block是，你可能会遇到的跨浏览器的兼容性问题。

在你的具体的例子，或许你可以包装在一个div的img和small，然后定义：

​​