Break After

Controls how page, column, or region breaks should behave after an element. This is especially useful for print layouts and multi-column content where you need to control where breaks occur. In Tailwind v4, break utilities have improved support across browsers and printing contexts.

Layout1 variant3 examples

Official Docs Open Playground

Basic usage:

<h2 class="break-after-page">Chapter Title</h2>
<p>This content will start on a new page when printed.</p>

Examples

Forces a page break after the heading when printed

<h2 class="break-after-page">Chapter Title</h2>
<p>This content will start on a new page when printed.</p>

Edit in playground

Forces a column break in a multi-column layout

<div class="columns-2">
  <section class="break-after-column">
    <h3>First Column Section</h3>
    <p>This section will force the next content to start in the next column.</p>
  </section>
  <section>
    <h3>Second Column Section</h3>
    <p>This section starts in the second column because of the break-after-column above.</p>
  </section>
</div>

Edit in playground

Document with print-optimized breaks for better page layout

<!-- Print-optimized document structure -->
<article class="max-w-prose mx-auto">
  <h1 class="text-3xl font-bold mb-6">Document Title</h1>
  <section>
    <h2 class="text-2xl font-semibold mb-4">First Section</h2>
    <p class="mb-4">Content for the first section...</p>
    <p class="mb-4 break-after-page">Last paragraph of this section, forcing the next section to start on a new page when printed.</p>
  </section>
  <section>
    <h2 class="text-2xl font-semibold mb-4">Second Section</h2>
    <p class="mb-4">This section will start on a new page when printed.</p>
  </section>
</article>

Edit in playground

Live Preview

Try the Break After utility with different values

Open Interactive Playground

Variants

auto: default browser behavior, avoid: avoid breaks after element, always: always insert a break after, page: force page break after, column: force column break after, left/right: force page break to left/right pages in duplex printing

autoavoidalwaysallpageleftrightcolumn