標題上的首字下降蓋帽

Question

我試圖在標題上獲得首字下沉上限（或首字母大寫字母，無論您稱之爲什麼）。這是我想要完成的一個例子。

我發現與漂浮內嵌span標籤的成功，但是當標題包裝到第二線，該段分節符到自己的路線。看到這個jsfiddle的例子，並調整查看窗口看到我所指的效果。 http://jsfiddle.net/fEn4U/

前兩個jsfiddle示例中的結構（使用h1和p標籤）是我傾向於使用html的結構。但如果這是唯一的解決方案，我可以在p標籤中解決span。正如你所看到的，我比使用span和p標籤更遠離h1，p結構的解決方案。

另外請注意，容器將是一個固定的寬度，內部的內容將是動態的，所以我不能總是依靠標題分成兩行或停留在一個。

Answer 1

嘗試使您的小文本inline-block並設置最大大小。

http://jsfiddle.net/fEn4U/2/

p { 
    display: inline-block; 
    max-width:150px; 
}