block-ellipsis-003.html (711B)
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-003-ref.html"> 7 <meta name="assert" content="The block overflow ellipsis is styled according to the containing root inline box, not the line-clamp container."> 8 <style> 9 .clamp { 10 line-clamp: 3; 11 color: teal; 12 } 13 .inner { 14 color: purple; 15 font-weight: bold; 16 font-style: italic; 17 font-size: 1.5em; 18 } 19 </style> 20 <div class="clamp"> 21 Line 1 22 <div class="inner"> 23 Line 2 <br> 24 Line 3 25 </div> 26 Line 4 27 </div>