Формат второй строки CSS отличается от первой строки

Есть ли какой-либо способ исключительно с CSS (или "надлежащей" разметкой) для стилизации второй строки абзаца, когда текст обертывается во вторую строку? Хорошо расположенный <br /> будет делать это, но я не считаю, что хорошая разметка или SEO.

В частности, скажем, у меня есть абзац длиной 2 строки. Я бы хотел, чтобы вторая строка имела более широкую ширину, чем первая строка. Таким образом, параграф немного "похож на пирамиду". Но я не хочу использовать что-то, что не подходит для этого ради красоты.

Пример:

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

Ответ 1

Вы можете использовать :first-line псевдоэлемент:

Смотрите: http://jsfiddle.net/X33pY/ - измените размер окна, чтобы сделать вторую строку в первом абзаце.

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

На всякий случай, это может быть то, что вам нужно:

http://jsfiddle.net/qKRh8/

p {
    white-space: pre
}

Ответ 2

Вы можете использовать псевдо-класс first-line для стилизации первой строки, и, соответственно, вторая строка вернется к стилю по умолчанию.

См:

http://www.w3.org/TR/CSS2/selector.html#pseudo-elements