line-clamp-with-abspos-009-ref.html (439B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Reference</title> 4 <style> 5 .clamp { 6 font: 16px / 32px serif; 7 padding: 0 4px; 8 white-space: pre; 9 background-color: yellow; 10 } 11 .rel { 12 position: relative; 13 } 14 .abspos { 15 position: absolute; 16 top: 0; 17 left: 0; 18 width: 20px; 19 height: 20px; 20 background-color: skyblue; 21 } 22 </style> 23 <div class="clamp">Line 1 24 <div class="rel"><div class="abspos"></div>Line 2 25 Line 3</div>Line 4…</div>