当文本包裹到第二行时,是否有纯粹使用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 }
以防万一,这可能是你以后:
p { white-space: pre }