CSS - orphans

Description

The orphans property is used to set the minimum number of lines in an element that must appear at the bottom of a page.

Possible Values

integer − The number given sets the minimum number of lines permitted at the bottom of a page.

Applies to

All the block-level elements.

DOM Syntax

object.style.orphans = "10"

Example

Here is the example −

Live Demo

<html>
   <head>
      <style type = "text/css">
         p {orphans: 3;}
         h1 {orphans: 5;}
      </style>
   </head>

   <body>
      <p>Tutorialspoint.com</p>
      <h1>Tutorialspoint.com</h1>
   </body>
</html>

It will produce the following result −