multicol-rule-stacking-ref.xht (922B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title>multicolumn | column-rule</title> 6 <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"/> 7 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 8 <style type="text/css"><![CDATA[ 9 body { 10 margin: 0; 11 } 12 body>div { 13 font-family: Ahem; 14 font-size: 1em; 15 line-height: 1em; 16 color: black; 17 background: blue; 18 margin: 1em; 19 border: 1em solid gray; 20 width: 14em; 21 height: 2em; 22 position: relative; 23 } 24 span { 25 margin-left: 7.5em; 26 width: 2em; 27 height: 2em; 28 display: inline-block; 29 } 30 div div { 31 background: blue; 32 position: absolute; 33 height: 2em; 34 width: 2em; 35 top: 0; 36 left: -2em; 37 } 38 div div+div { 39 left: 13em; 40 width: 11.75em; 41 } 42 ]]></style> 43 </head> 44 45 <body> 46 47 <div> 48 <span>xx xx</span> 49 <div></div> 50 <div></div> 51 </div> 52 53 </body> 54 </html>