block-ellipsis-repaint-003-ref.html (431B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Reference</title> 4 <style> 5 .clamp { 6 border: 1px solid black; 7 padding: 4px; 8 background-color: yellow; 9 height: 3lh; 10 width: 400px; 11 } 12 #ellipsis { 13 display: inline-block; 14 width: 2em; 15 background-color: pink; 16 } 17 </style> 18 19 <p>The ellipsis should appear inside the pink box.</p> 20 21 <div class="clamp"> 22 <span id="line1">Line 1</span> <br> 23 <span id="ellipsis">…</span> 24 </div>