multicol-rule-shorthand-2-ref.xht (831B)
1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head> 3 <title>multicolumn | column-rule</title> 4 <link rel="author" title="Opera Software ASA" href="http://www.opera.com/"/> 5 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 6 <style><![CDATA[ 7 body { 8 margin: 1em; 9 } 10 body>div { 11 font-family: Ahem; 12 font-size: 1em; 13 line-height: 1em; 14 color: black; 15 background: yellow; 16 margin: 1em 0; 17 border: 1em solid gray; 18 width: 15em; 19 height: 2em; 20 } 21 div div { 22 width: 2em; 23 height: 2em; 24 float: left; 25 } 26 .a { 27 color: blue; 28 width: 1em; 29 margin-left: 1em; 30 } 31 div+div+div { 32 left: 11em; 33 } 34 ]]></style> 35 </head> 36 37 <body> 38 <p>Pass if there is no red visible.</p> 39 <div> 40 <div>xx xx</div> 41 <div class="a">x x</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> 48 49 </body> 50 </html>