You want to set the first line of a paragraph in boldface, as in Figure 1-30.
Use the :first-line
pseudo-element to set the
style of the first line:
p:first-line { font-weight: bold; }
Just like a class selector, a pseudo-element enables you to manipulate the style of parts of a web document. Unlike a class selector, however, resizing a browser window or changing the size of the font can change the area marked by a pseudo-element. In this Solution, the amount of text in the first line can change if the browser is resized, as shown in Figure 1-31.
The CSS 2.1 specification for the :first-line
pseudo-element at http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo.
Get CSS Cookbook now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.