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，然後定義：

​​