widows | Loop and Break

The widows CSS property defines how many minimum lines must be left on top of a new page, on a paged media. In typography, a widow is the last line of a paragraph appearing alone at the top of a page. Setting the widows property allows to prevent widows to be left.

Values

<integer>
Denotes the minimum amount of lines that can stay alone on the top of a new page. If the value is not positive, the declaration is invalid.

<!DOCTYPE html>
<html>
    <head>
        <style>
            p {
                widows: 3;
            }
        </style>
    </head>
    <body>
        <p>
            The quick brown red fox jumps over the lazy dog
        </p>
    </body>
</html>

Categories

Values