Skip to main content

Forcing a page break with CSS

Here is a simple style sheet method for making a web page have page breaks, or form feeds in it.

Example:

Try going to the following example page and printing it. It will come out on two separate pages. http://www.sscnet.ucla.edu/test/formfeed.htm

Source Code:

<html><head><title>Form Feed Test</title><STYLE TYPE="text/css"> P.newpage {page-break-before: always} </STYLE></head><body><center><h1>Page 1</h1></center><P CLASS="newpage"><center><h1>Page 2</h1></center>