multicol-fill-auto-002-ref.xht (847B)
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-fill-auto</title> 6 <link rel="author" title="howcome@opera.com" href="http://www.opera.com/"/> 7 <meta name="flags" content="ahem"/> 8 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 9 <style type="text/css"><![CDATA[ 10 body>div { 11 font-family: Ahem; 12 font-size: 1.25em; 13 line-height: 1em; 14 color: green; 15 height: 3em; 16 width: 2em; 17 orphans: 1; 18 widows: 1; 19 position: relative; 20 margin: 1em; 21 } 22 div.col { 23 column-count: 2; 24 column-fill: auto; 25 column-gap: 0; 26 } 27 div.red { 28 background: red; position: absolute; z-index: -1; 29 } 30 ]]></style> 31 </head> 32 33 <body> 34 35 <div class='ref'> 36 oo<br/>t<br/>o 37 </div> 38 39 <div class='ref'> 40 oo<br/>t<br/>o 41 </div> 42 43 </body> 44 </html>