multicol-span-all-block-sibling-003

multicol | column-span: all | block-level child

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Flags
ahem

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3 <head>
 4 <title>multicol | column-span: all | block-level child</title>
 5 <link rel="author" title="Opera Software ASA" href="http://www.opera.com/">
 6 <link rel="help" href="http://www.w3.org/TR/css3-multicol/#spanning-columns">
 7 <link rel="match" href="reference/multicol-span-all-block-sibling-3-ref.htm">
 8 <meta name="flags" content="ahem">
 9 <style type="text/css">
10 body>div {
11 	font-family: ahem;
12 	font-size: 1em;
13 	line-height: 1;
14 	color: black;
15 	background: black;
16 
17 	column-count: 2;
18 }
19 h1 {
20 	column-span: all;
21 }
22 </style>
23 </head>
24 
25 <body>
26 
27 <div>
28 	<div>
29 		<h1>foo</h1>
30 		FAIL<br>
31 		FAIL<br>
32 		FAIL<br>
33 		FAIL<br>
34 		FAIL<br>
35 		FAIL<br>
36 		FAIL<br>
37 	</div>
38 </div>
39 </body>
40 </html>