break-inside-avoid-child-ref.html (495B)
1 <!DOCTYPE html> 2 <title>View transitions: break-inside: avoid child (ref)</title> 3 <link rel="help" href="https://www.w3.org/TR/css-view-transitions-1/"> 4 <link rel="author" href="mailto:vmpstr@chromium.org"> 5 6 <style> 7 .columns { 8 columns: 2; 9 contain: layout; 10 border: 1px solid black; 11 } 12 13 .inner { 14 break-inside: avoid; 15 position: relative; 16 top: 300px; 17 left: 0; 18 background: lightblue; 19 width: 300px; 20 height: 300px; 21 } 22 </style> 23 24 <div class="columns"> 25 <div class="inner"></div> 26 </div>