contain-style-breaks-004-ref.html (597B)
1 <!doctype html> 2 <html lang=en> 3 <meta charset=utf-8> 4 <title>CSS-contain test reference</title> 5 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> 6 <style> 7 article { 8 columns: 2 1ch; 9 column-gap: 0; 10 float: left; 11 font-family: monospace; 12 margin-right: 3em; 13 line-height: 1; 14 height: 4em; 15 column-fill: auto; 16 } 17 div:last-of-type { 18 break-before: column; 19 } 20 </style> 21 22 <p>Test passes if there are two identical blocks “A” letters below. 23 <article> 24 <div>A<br>A</div> 25 <div>A<br>A</div> 26 </article> 27 <article> 28 <div>A<br>A</div> 29 <div>A<br>A</div> 30 </article>