csstdg5figs/21-css-at-rules/pagebreaking-breaks.html at main · meyerweb/csstdg5figs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Inserting page breaks</title>
<style type="text/css">
#layout {display: flex;}
.page {width: 4in; height: 5.5in; margin-right: 2em; padding: 2em;
	border: 1px solid; box-shadow: 0.5em 0.5em 0.5em rgba(0,0,0,0.75);
	overflow: hidden; font-size: 90%;}

h1 {page-break-after: always;}
h2 {page-break-before: always;}


</style>
</head>
<body>

<div id="layout">

<div class="page">
<h1>The Secret Life of Salmon</h1>
</div>

<div class="page">
<h2>Introduction</h2>

<p>Consectetuer facer eodem independence. Clari dolore brooklyn heights doug dieken, highland heights facilisi. Chrissie hynde superhost zzril nobis te jim brown blandit brecksville, walton hills squire’s castle. Kenny lofton tincidunt erat usus. In exerci lectores et. Philip johnson dorothy dandridge cleveland heights commodo littera harvey pekar bobby knight seacula, legentis augue iusto qui. Ii non indians middleburg heights. Consuetudium collision bend at bob golic. Investigationes sam sheppard feugait vulputate the innerbelt, qui dolor jesse owens nihil liber diam praesent.</p>

<p>Soluta volutpat ipsum euismod cleveland humanitatis iriure west side, ut, uss cod sequitur assum. Formas highland hills vero assum quinta me erat clari chagrin falls luptatum zzril eum. Great lakes science center nunc ullamcorper nobis parum in quod brad daugherty harlan ellison lobortis ghoulardi saepius. Brook park john w. heisman nisl, eorum. Polka hall of fame lebron james legere amet, in, molestie, lew wasserman magna. Dolore qui sollemnes parma ut ea dignissim consequat lake erie valley view seven hills duis.</p>

</div>
<div class="page">
<h2>Habitats</h2>

<p>Claritas east cleveland nunc claram suscipit frank yankovic humanitatis nulla luptatum nulla. Praesent placerat rock &amp; roll hall of fame putamus. Suscipit et linndale dynamicus adipiscing eorum aliquip etiam. Margaret hamilton bay village north randall decima. Parum nibh lectores decima te, ea nobis litterarum ex eleifend elit south euclid. Feugiat nulla et qui rocky river eleifend children’s museum iusto claritatem habent processus wes craven.</p>

<p>In illum glenwillow major everett. Quinta nonummy jacobs field, sed claritatem nunc. Aliquip tremont sit id quis hunting valley processus lebron departum arena depressum metro quatro annum returnum celebra gigantus. Littera amet soluta nibh quam per anteposuerit, velit tation ipsum possim mark mothersbaugh. Mark price quod newburgh heights michael symon eros ozzie newsome. Burgess meredith mutationem cavaliers claritatem congue halle berry. Amet north royalton jim backus mazim aliquam sandy alomar bedford heights eric metcalf woodmere lectorum. Futurum gund arena putamus notare jerry siegel accumsan. Cleveland museum of art quod olmsted township elit videntur parum, ipsum qui nam congue quam esse. Autem vulputate facit in. Veniam east side et quarta lobortis typi qui westlake patricia heaton velit. Litterarum modo dolor est.</p>

<p>Shaker heights the metroparks strongsville molly shannon claram claritas me odio. Eros orange esse nonummy. Eum parma heights videntur doming. Lorem notare university heights dolor. Beachwood delenit hendrerit in. Insitam jim tressel william g. mather nam at chagrin falls township quod lectorum demonstraverunt demonstraverunt lyndhurst fairview park.</p>

</div>

</body>
</html>