columnfill-auto-ref.html (1834B)
1 <html> 2 <head> 3 <link rel="stylesheet" type="text/css" href="ahem.css" /> 4 5 <style> 6 html,body { 7 color:black; background-color:white; font-size:16px; padding:5px; margin:0; 8 } 9 mask { 10 position: absolute; 11 top:0; bottom:0; left:8px; width:5px; 12 background: black; 13 } 14 15 .rel { 16 position: relative; 17 } 18 a { 19 position: absolute; 20 width: 10px; 21 height: 10px; 22 bottom: 0; 23 left: 0; 24 background: blue; 25 } 26 f { 27 position: fixed; 28 width: 10px; 29 height: 10px; 30 bottom: 0; 31 left: 100px; 32 background: lime; 33 } 34 td.text { 35 width: 12em; 36 height: 8em; 37 text-align: left; 38 font-family: ahem; 39 font-size: 12pt; 40 line-height: 1.1; 41 } 42 43 table { 44 font-family: ahem; 45 font-size: 12pt; 46 line-height: 1.1; 47 } 48 </style> 49 </head> 50 51 <body> 52 <table cellpadding=0 cellspacing=0 class="rel"> 53 <tr> 54 <td class="text" valign="top"><a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed</td> 55 </tr> 56 </table> 57 <table cellpadding=0 cellspacing=0 class="rel"> 58 <tr> 59 <td class="text" valign="top"><a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed</td> 60 </tr> 61 </table> 62 <table cellpadding=0 cellspacing=0 class="rel"> 63 <tr> 64 <td class="text" valign="top"><f></f>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed</td> 65 </tr> 66 </table> 67 <table cellpadding=0 cellspacing=0> 68 <tr> 69 <td class="text" valign="top"><a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed</td> 70 </tr> 71 </table> 72 <table cellpadding=0 cellspacing=0> 73 <tr> 74 <td class="text" valign="top"><f style="left:120px"></f>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed</td> 75 </tr> 76 </table> 77 78 <mask></mask> 79 </body> 80 </html>