(CSS)
Examples: Paragraphs
jim.cerny@unh.edu  19-MAY-1998

Results.

This paragraph is treated special as a first paragraph in a section. Yadda, yadda, yadda.

This is a subsequent paragraph. But it is given a hanging indent treatment and set off with a yellow background. Yadda, yadda, yadda. Seinfeld. Yadda, yadda, yadda. BTW, MSIE 4.x mishandles the yellow background (excludes the hanging text on Windows and includes the indent space on Mac).

This is a subsequent paragraph that specifies small caps for the first line. Yadda, yadda, yadda. Seinfeld. Yadda, yadda, yadda. BTW, it doesn't work in Netscape 4.x (Windows and Mac) and makes the whole paragraph small caps in MSIE 4.x (Windows and Mac).


Notes.

The declared classes are defined within a pair of STYLE tags in the HEAD section of the HTML document. They could be defined in an external style sheet that was linked within the HEAD section, instead. The declared class is applied here with the CLASS attribute on a P (paragraph) tag. See the HTML source or look at the abbreviated coding below:

This is a declared class for the hanging indent paragraph. The attributes are specified one per line for legibility, not because such spacing is required by the syntax.

P.hanging { color: black; background-color: yellow; text-indent: -5em; margin-left: 5em; } Then it is referenced by: <p class="hanging">