break-before-always-001.xht (1233B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: 'break-before: always' and paginated multi-column elements</title> 5 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> 6 <link rel="help" href="https://drafts.csswg.org/css-break/#break-between"/> 7 <meta name="flags" content="page" /> 8 <meta name="assert" content="A forced break of type 'always' will break through both the multi-column context and the pagination context."/> 9 <style type="text/css"><![CDATA[ 10 .multicol { 11 columns: 2; 12 color: blue; 13 font-weight: bold; 14 } 15 .break { 16 break-before: always; 17 } 18 .control { 19 break-before: column; 20 } 21 ]]></style> 22 </head> 23 <body> 24 <p>Test passes if:</p> 25 <ul> 26 <li>"FIRST LEFT" appears below</li> 27 <li>"SECOND LEFT" appears on the left half of the second page</li> 28 <li>"SECOND RIGHT" appears on the right half of the second page</li> 29 </ul> 30 <div class="multicol"> 31 FIRST LEFT 32 <div class="break">SECOND LEFT</div> 33 <div class="control">SECOND RIGHT</div> 34 </div> 35 </body> 36 </html>