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>