:root{ --lh: 1.35rem; } body{ margin: var(--lh); line-height: var(--lh); } @media print{ body{ margin: 0; font-size: 10pt; } } /* column display */ body{ display: flex; } article{ flex: 0 1 100%; } article .text{ max-width: 42rem; margin: 0 auto; } h1{ text-align: center; margin: calc(2 * var(--lh)) 0; } h2,h3,h4,h5,h6{ margin: calc(3 * var(--lh)) 0 var(--lh); } :is(h1,h2,h3,h4,h5,h6) + :is(h1,h2,h3,h4,h5,h6){ margin-top: var(--lh); }