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>

现在我想使用此CSS代码为small - 标签添加下边距：

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的唯一缺点是您可能会遇到跨浏览器兼容性问题。

在您的具体示例中，您可以将img和small包装在div中，然后定义：

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