block-ellipsis-002.html (652B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow: block-ellipsis styling</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-002-ref.html"> 7 <meta name="assert" content="The block overflow ellipsis acts as an anonymous inline which is a child of the root inline box, and it should be styled as such."> 8 <style> 9 .clamp { 10 line-clamp: 3; 11 color: teal; 12 font-weight: bold; 13 font-style: italic; 14 } 15 </style> 16 <div class="clamp"> 17 Line 1<br> 18 Line 2<br> 19 Line 3<br> 20 Line 4 21 </div>