multicol-span-all-margin-nested-003

multicolomn | column-span inside block

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>multicolomn | column-span inside block</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-margin-nested-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: 1em;
14 	color: black;
15 	background: black;
16 	position: absolute;
17 	orphans: 1;
18 	widows: 1;
19 
20 	column-count: 4;
21 }
22 #spanned {
23 	column-span: all;
24 }
25 </style>
26 </head>
27 
28 <body>
29 
30 <div>
31 	<div>
32 		<div id="spanned">x</div>
33 	</div>
34 	FAIL FAIL FAIL FAIL
35 </div>
36 
37 </body>
38 </html>