multicol-inherit-3-ref.xht (1281B)
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 | inheritance</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 width: 75em; 11 } 12 body>div { 13 color: black; 14 background: yellow; 15 height: 2em; 16 position: relative; 17 } 18 div div { 19 position: absolute; 20 top: 0; 21 left: 0; 22 } 23 #two {left: 19em;} 24 #three {left: 38em;} 25 div div div { 26 font-family: Ahem; 27 font-size: 1em; 28 line-height: 1em; 29 width: 2em; 30 height: 2em; 31 color: black; 32 position: absolute; 33 left: 1em; 34 } 35 .a2 {left: 4em;} 36 .a3 {left: 10.5em;} 37 .a4 {left: 13.5em;} 38 #two div {color: blue;} 39 #three div {color: pink;} 40 ]]></style> 41 </head> 42 43 <body> 44 45 <div> 46 <div> 47 <div>xx xx</div> 48 <div class="a2">xx xx</div> 49 <div class="a3">xx xx</div> 50 <div class="a4">xx xx</div> 51 </div> 52 <div id="two"> 53 <div>xx xx</div> 54 <div class="a2">xx xx</div> 55 <div class="a3">xx xx</div> 56 <div class="a4">xx xx</div> 57 </div> 58 <div id="three"> 59 <div>xx xx</div> 60 <div class="a2">xx xx</div> 61 <div class="a3">xx xx</div> 62 <div class="a4">xx xx</div> 63 </div> 64 </div> 65 66 </body> 67 </html>