multicol-count-computed-002

multicolumn | column-rule

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-rule</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="help" href="http://www.w3.org/TR/css3-multicol/#column-gaps-and-rules">
 8 <link rel="match" href="reference/multicol-count-computed-2-ref.htm">
 9 <meta name="flags" content="ahem">
10 <style type="text/css">
11 body {
12 	margin: 0;
13 }
14 div {
15 	font-family: ahem;
16 	font-size: 1em;
17 	line-height: 1em;
18 	color: black;
19 	background: yellow;
20 	margin: 1em;
21 	border: 1em solid gray;
22 	width: 12em;
23 	widows: 1;
24 	orphans: 1;
25 
26 	column-count: 3;
27 	column-gap: 7em;
28 	column-rule-color: red;
29 	column-rule-width: 1.5em;
30 	column-rule-style: solid;
31 }
32 #pink {color: pink;}
33 #orange {color: orange;}
34 #purple {color: purple;}
35 #grey {color: grey;}
36 </style>
37 </head>
38 
39 <body>
40 
41 <div>
42 	<span id="pink">xxxx</span>
43 	<span id="orange">xxxx</span>
44 	<span id="purple">xxxx</span>
45 	<span id="grey">xxxx</span>
46 </div>
47 
48 </body>
49 </html>