block-ellipsis-022.html (587B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow: line-clamp ellipsis</title> 4 <link rel="author" title="Andreu Botella" href="mailto:abotella@igalia.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-overflow-4/#block-ellipsis"> 6 <link rel="match" href="reference/block-ellipsis-022-ref.html"> 7 <style> 8 .clamp { 9 line-clamp: 2; 10 width: 29.1ch; 11 border: 1px solid black; 12 font-family: monospace; 13 } 14 .atomic { 15 display: inline-block; 16 } 17 </style> 18 <div class="clamp"> 19 There should be an ellipsis 20 at the end of this text line 21 <span class="atomic">hidden</span> 22 </div>