Style syntax for controlling how page, column, or region breaks should occur after an element.
Set the break after behavior
break-after:value to set how breaks should behave after a generated box.
A content brief is a document that outlines the key details of a piece of content. It should include an overview of the project, a well as any specific instructions or requirements.
There are a wide variety of animals in the world, and each one has its own unique set of characteristics and habits.
<div class="cols:2"><h3>Briefs</h3><p>A content brief is a document …</p><hr class="break-after:column" /><h3>Animals</h3><p>There are a wide variety of animals in the world …</p></div>
Apply styles in different states using selectors, media queries, etc.
<div class="break-after:auto:hover break-after:auto@sm break-after:auto@dark break-after:auto@print">…</div>