From http://www.w3schools.com (Copyright Refsnes Data)

CSS :first-line pseudo-element

CSS Reference Complete CSS Reference

Example

Add a special style to the first line of a paragraph:

<html>
<head>
<style type="text/css">
p:first-line
{
color:#ff0000;
font-variant:small-caps;
}
</style>
</head>

<body>
<p>You can use the :first-line pseudo-element to add a special effect to the first line of a text.</p>
</body>
</html>

Try it yourself »

Definition and Usage

The :first-line pseudo-element adds a style to the first line of a text.

Note: The following properties apply to the :first-line pseudo-element: 

Pseudo-elements can also be combined with CSS classes: 

p.article:first-line {color:#FF0000}

<p class="article">A paragraph in an article</p>

The example above will set the first line of all paragraphs with class="article" to red.

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The :first-line pseudo-element is supported in all major browsers.

Related Pages

CSS tutorial: CSS Pseudo elements

CSS Reference Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)