multicol-inherit-004

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