Задать заголовки с постраничным носителем CSS для отображения на каждой напечатанной странице

Question

Я хотел бы напечатать эти два заголовка в верхнем левом и правом верхнем углу каждой напечатанной страницы. Правильно ли я это делаю, и как мне убедиться, что настройки принтера не мешают ему?

CSS:

@page {
    @top-left {
        content: element(headerleft);
    }

    @top-right {
        content: element(headerright);
    }
}

header1 { position: running(headerleft); }
header2 { position: running(headerright); }

HTML:

<header1 id = header1>SKBB D-Set Bowl 2019-2020 </header1>
<header2 id = header2 style = "float:right">Bee Round 1</header2>