Есть ли какой-либо способ исключительно с CSS (или "надлежащей" разметкой) для стилизации второй строки абзаца, когда текст обертывается во вторую строку? Хорошо расположенный <br /> будет делать это, но я не считаю, что хорошая разметка или SEO.
В частности, скажем, у меня есть абзац длиной 2 строки. Я бы хотел, чтобы вторая строка имела более широкую ширину, чем первая строка. Таким образом, параграф немного "похож на пирамиду". Но я не хочу использовать что-то, что не подходит для этого ради красоты.
Пример:
<p>I am a very long
sentence where my second line is longer.</p>
Вы можете использовать :first-line псевдоэлемент:
Смотрите: http://jsfiddle.net/X33pY/ - измените размер окна, чтобы сделать вторую строку в первом абзаце.
p:first-line {
color: red
}
p {
color: blue
}
На всякий случай, это может быть то, что вам нужно:
p {
white-space: pre
}
Вы можете использовать псевдо-класс first-line для стилизации первой строки, и, соответственно, вторая строка вернется к стилю по умолчанию.
См: