position-try-005-ref.html (606B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <link rel="author" href="mailto:jkew@mozilla.com"> 4 5 <style> 6 .cb { 7 position: relative; 8 width: 250px; 9 height: 100px; 10 background: yellow; 11 } 12 .anchor { 13 position: absolute; 14 top: 25px; 15 left: 50px; 16 width: 50px; 17 height: 50px; 18 background: blue; 19 } 20 .target { 21 position: absolute; 22 top: 35px; 23 left: 110px; 24 width: 140px; 25 background: #0004; 26 } 27 </style> 28 <body> 29 <div class="cb"> 30 <div class="anchor"></div> 31 <div class="target">This text should wrap and overflow the yellow containing block vertically (and not horizontally).</div> 32 </div> 33 </body>