[rsuchwani]

Originally Posted by MicroDrie

I wrote before that solving all problems at once is not going to work.

Let's first look if the orphan and windows behavior has something to do with print media setting.

For the screen media display, you specify the body an orphan and window value of 2 lines. No orphan and window value for print media is specified.

@media print {
  body {
    widows: 2;
    orphans: 2;
  }
}

What is the influence if a window and orphan setting is also defined for the print media?

As I understand (or AFAIK) widows/orphans only impact the length of the paragraph, the settings, whichever may be, don't impact the list items.

My CSS has this now

body {
  font-family: 'Literata';
  font-size: 100%;
  font-weight: normal;
  text-align: justify;
  line-height: 1.35;
  margin: 0;
  padding: 0;
  -webkit-hyphens: none;
  hyphens: none;
  widows: 1;
  orphans: 1;
}

@media print {
  body {
    widows: 1;
    orphans: 1;
  }
}

But it doesn't change a thing, multilevel list or nested list's first level's marker still hanging at the top of the page without any content.