我试图在标题上获得首字下沉（或首字母大写；无论你怎么称呼它）效果。这是我想要完成的一个例子。
我发现使用浮动的内联跨度标签取得了成功，但是当标题换行到第二行时，段落部分会中断到自己的行上。请参阅this jsfiddle以获取示例并调整查看窗口以查看我所指的效果。http://jsfiddle.net/fEn4U/
前两个 jsfiddle 示例中的结构（带有h1andp标记）是我希望拥有 html 的方式。但如果这是唯一的解决方案，我可以span在标签中解决。p如您所见，与使用 span 和 p 标签相比，我离使用 h1、p 结构的解决方案更远。
另请注意，容器将是固定宽度，其中的内容将是动态的，因此我不能总是依赖标题分成两行或停留在一行。