在包裹的标题上的首字下沉/初始上限

Question

我试图获得一个降价上限（或初始上限;无论你怎么称呼它）对标题的影响。这是我想要完成的一个例子。

我发现浮动的内联span标记成功，但当标题包含在第二行时，段落部分会自行划分。请参阅此jsfiddle以获取示例，并调整查看窗口以查看我所指的效果。 http://jsfiddle.net/fEn4U/

前两个jsfiddle示例中的结构（包含h1和p标签）是我更喜欢使用html的方式。但如果这是唯一的解决方案，我可以在span标记中找到p。正如您所看到的，我远离了具有h1，p结构的解决方案，而不是使用span和p标签。

另请注意，容器将是固定宽度，内部的内容将是动态的，因此我不能总是依赖于标题分为两行或保持一个。

Answer 1

尝试制作小文inline-block并设置最大尺寸。

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

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