✂️ Tailwind CSS - Break (After, Before & Inside)

Break utilities control how column or page breaks should behave relative to an element. Useful for multi-column layouts and printed documents.

Control how a column or page break should behave after an element:

• break-after-auto
• break-after-avoid
• break-after-all
• break-after-avoid-page
• break-after-page
• break-after-left
• break-after-right
• break-after-column

Control how a column or page break should behave before an element:

• break-before-auto
• break-before-avoid
• break-before-all
• break-before-avoid-page
• break-before-page
• break-before-left
• break-before-right
• break-before-column

Control how a column or page break should behave inside an element:

• break-inside-auto
• break-inside-avoid (prevents element being split across columns)
• break-inside-avoid-page
• break-inside-avoid-column