multicol-rule-stacking-001

multicolumn | column-count, stacking

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>multicolumn | column-count, stacking</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/#column-gaps-and-rules">
 7 <link rel="match" href="reference/multicol-rule-stacking-ref.htm">
 8 <meta name="flags" content="ahem">
 9 <style type="text/css">
10 body {
11 	margin: 0;
12 }
13 body>div {
14 	font-family: ahem;
15 	font-size: 1em;
16 	line-height: 1em;
17 	color: blue;
18 	background: red;
19 	margin: 1em;
20 	border: 1em solid gray;
21 	width: 14em;
22 	orphans: 1;
23 	widows: 1;
24 
25 	column-count: 4;
26 	column-gap: 1em;
27 	column-rule: 28em solid blue;
28 }
29 span {
30 	color: black;
31 	position: relative;
32 	z-index: 1;
33 }
34 </style>
35 </head>
36 
37 <body>
38 
39 <div>
40 	xx xx
41 	xx xx
42 	<span>xx xx</span>
43 	xx xx
44 </div>
45 
46 </body>
47 </html>