html - CSS格式第二行与第一行不同

当文本换行到第二行时，是否有任何方法可以纯粹使用CSS(或“适当”标记)来设置段落第二行的样式？放置适当的<br />可以做到，但是我认为这不是好的标记或SEO。

具体来说，假设我有一段2行长的段落。我希望第二行的宽度比第一行的宽度大。因此，该段有点像“金字塔状”。但是我不想为了美而使用任何不适合这样做的方法。

例:

<p>I am a very long
sentence where my second line is longer.</p>

最佳答案

您可以使用 :first-line pseudo-element:

请参见: http://jsfiddle.net/X33pY/-调整窗口大小以在第一段中添加第二行。

p:first-line {
    color: red
}
p {
    color: blue
}

以防万一，这可能是您想要的:

http://jsfiddle.net/qKRh8/

p {
    white-space: pre
}