CSS Orphans & Widows Generator
Control page break behavior for print layouts with orphans and widows properties
Configuration
Minimum lines at the bottom of a page before a break
Minimum lines at the top of a page after a break
Preview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Preview uses column layout. Print preview will show actual behavior.
Generated CSS
@media print {
.text-block {
orphans: 2;
widows: 2;
}
}Property Descriptions
orphans: Minimum number of lines that must be left at the bottom of a page before a page break. Prevents isolated lines at the end of pages.
widows: Minimum number of lines that must be at the top of a page after a page break. Prevents isolated lines at the start of pages.
page-break-inside: Legacy property to control page breaks inside an element. Use with
@media print.break-inside: Modern property for controlling breaks inside elements. Works with pages, columns, and regions.