Testo della prima sezione. Dopo questo, ci sarà una interruzione di pagina.
Contenuto della sottosezione. Il browser cerca di evitare interruzioni qui.
Contenuto che inizia sulla pagina sinistra.
Contenuto che inizia sulla pagina destra.
<style>
/* Imposta interruzioni di pagina dopo gli elementi specifici */
h1 {
page-break-after: always; /* Sempre interrompe dopo gli h1 */
}
h2 {
page-break-after: avoid; /* Cerca di evitare l'interruzione dopo gli h2 */
}
p {
page-break-after: auto; /* Decisione automatica del browser */
}
div.left {
page-break-after: left; /* Inizia la pagina a sinistra dopo il div con classe 'left' */
}
div.right {
page-break-after: right; /* Inizia sulla pagina a destra dopo il div con classe 'right' */
}
</style>
</head>
<body>
<a href="#" onClick="window.history.go(-1);">Home</a>
<h1>Sezione 1</h1>
<p>Testo della prima sezione. Dopo questo, ci sarà una interruzione di pagina.</p>
<h2>Sottosezione 1.1</h2>
<p>Contenuto della sottosezione. Il browser cerca di evitare interruzioni qui.</p>
<div class="left">
<h2>Sezione a pagina sinistra</h2>
<p>Contenuto che inizia sulla pagina sinistra.</p>
</div>
<div class="right">
<h2>Sezione a pagina destra</h2>
<p>Contenuto che inizia sulla pagina destra.</p>
</div>