break-inside CSS Property

The break-inside property specifies whether a break (page/column/region) may occur inside the box — useful to keep the box as one unit.

figure { break-inside: avoid; }

.keep-together { break-inside: avoid-page; }

autoThe default value. Doesn't prohibit breaks.

avoidAvoid any break inside the box.

avoid-pageAvoid page break inside.

avoid-columnAvoid column break inside.

avoid-regionAvoid region break inside.

CSS Fragmentation Module Level 4

Editor's Draft

block one with some text to fill the column.

block two continues here with more content.

Show all code