multicol-rule-ref.xht (914B)
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: 15em; 21 height: 2em; 22 } 23 div div { 24 width: 2em; 25 height: 2em; 26 float: left; 27 } 28 .a { 29 color: blue; 30 width: 1em; 31 margin-left: 1em; 32 } 33 div+div+div { 34 left: 11em; 35 } 36 ]]></style> 37 </head> 38 39 <body> 40 41 <div> 42 <div>xx xx</div> 43 <div class="a">x x</div> 44 <div>xx xx</div> 45 <div class="a">x x</div> 46 <div>xx xx</div> 47 <div class="a">x x</div> 48 <div>xx xx</div> 49 </div> 50 51 </body> 52 </html>