multicol-inherit-003

multicolumn | inheritance

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 | inheritance</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/#the-number-and-width-of-columns">
 7 <link rel="match" href="reference/multicol-inherit-3-ref.htm">
 8 <meta name="flags" content="ahem">
 9 <style type="text/css">
10 body {
11 	width: 75em;
12 }
13 body>div {
14 	height: 2em;
15 	column-width: 8em;
16 }
17 div {
18 	font-family: ahem;
19 	font-size: 1em;
20 	line-height: 1em;
21 	color: black;
22 	background: yellow;
23 	orphans: 1;
24 	widows: 1;
25 }
26 div>div {
27 	margin: 0 1em 1em;
28 }
29 div+div {
30 	color: blue;
31 }
32 div+div+div {
33 	color: pink;
34 }
35 </style>
36 </head>
37 
38 <body>
39 
40 <div>
41 	<div>
42 		xx xx
43 		xx xx
44 		xx xx
45 		xx xx
46 	</div>
47 	<div>
48 		xx xx
49 		xx xx
50 		xx xx
51 		xx xx
52 	</div>
53 	<div>
54 		xx xx
55 		xx xx
56 		xx xx
57 		xx xx
58 	</div>
59 </div>
60 
61 </body>
62 </html>