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>