Style syntax for controlling how page, column, or region breaks should occur before the specified element.
Set the break before behavior
break-before:value to set how breaks should behave before 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-before: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-before:auto:hover break-before:auto@sm break-before:auto@dark break-before:auto@print">…</div>