multicol-rule-fraction-3-ref.xht (1075B)
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: yellow; 18 margin: 1em; 19 border: 1em solid gray; 20 width: 14em; 21 height: 2em; 22 position: relative; 23 } 24 div div { 25 width: 2em; 26 height: 2em; 27 background: black; 28 position: absolute; 29 left: 0; 30 top: 0; 31 } 32 .a { 33 background: blue; 34 width: 1em; 35 } 36 #a1 {left: 2.4em;} 37 #a2 {left: 3.75em;} 38 #a3 {left: 6.15em;} 39 #a4 {left: 7.5em;} 40 #a5 {left: 9.9em;} 41 #a6 {left: 11.25em;} 42 ]]></style> 43 </head> 44 45 <body> 46 47 <div> 48 <div></div> 49 <div id="a1" class="a"></div> 50 <div id="a2"></div> 51 <div id="a3" class="a"></div> 52 <div id="a4"></div> 53 <div id="a5" class="a"></div> 54 <div id="a6"></div> 55 </div> 56 57 </body> 58 </html>