relpos-inline-ref.html (740B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <style> 4 span { 5 position: relative; 6 left: -100px; 7 top: 100px; 8 border: 1px solid; 9 background:hotpink; 10 } 11 .fakecol { 12 float: left; 13 width: 150px; 14 height: 100%; 15 } 16 </style> 17 <div style="line-height:30px; height:60px;"> 18 <div class="fakecol"></div> 19 <div class="fakecol"> 20 <br> 21 <span style="border-right:none;"> 22 line1<br> 23 </span> 24 </div> 25 <div class="fakecol"> 26 <span style="border-left:none; border-right:none;"> 27 line2<br> 28 line3<br> 29 </span> 30 </div> 31 <div class="fakecol"> 32 <span style="border-left:none;"> 33 line4<br> 34 </span> 35 </div> 36 </div>