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

Использование псевдоклассов и псевдоэлементов в CSS ограничивается тем, что Internet Explorer в большинстве своём их практически не поддерживает. По этой причине верстальщиком приходится изголяться не по-детски. К счастью, Internet Explorer поддерживает псевдоэлемент :first-line, что не может не радовать.

Стояла зада примерно следующего содержания:

astahov

То есть в первом абзаце текста первое слово нужно было выделить (text-transform: uppercase). Задача решилась просто элементарно:

HTML:


<p class="name">Кобзарёв<br />Михаил<br />Николаевич</p>

CSS:


p.name {
    font-weight: bold;
}
p.name:first-line {
    text-transform: uppercase;
}

Ещё бы избавиться от тегов внутри параграфа — было бы вообще круто. Если у вас есть варианты, пишите в комментах ツ

Для вставки кода используйте HTML-теги
<pre><code class="php">ваш код</code></pre>