block-ellipsis-031.html (961B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow: block-ellipsis and line-end preserved spaces</title> 4 <link rel="author" title="Andreu Botella" href="mailto:abotella@igalia.com"> 5 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"> 6 <link rel="help" href="https://drafts.csswg.org/css-overflow-4/#block-ellipsis"> 7 <link rel="match" href="reference/block-ellipsis-031-ref.html"> 8 <meta name="assert" content="Preserved spaces at the end of a line will not be collapsed before the block-ellipsis"> 9 <style> 10 .clamp { 11 line-clamp: 2; 12 width: 63.1ch; 13 border: 1px solid black; 14 font-family: monospace; 15 } 16 span { 17 white-space: pre; 18 } 19 </style> 20 <div class="clamp">This time, Mark, who had always been the center of attention in 21 any social gathering, <span>walked into the room </span> uncharacteristically 22 quietly, barely speaking as he settled into a chair. 23 When asked, he said that he was fine, when he wasn't really fine.</div>