text-wrap-balance-line-clamp-001.html (477B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.csswg.org/css-text-4/#valdef-text-wrap-balance"> 3 <link rel="match" href="reference/text-wrap-balance-line-clamp-001-ref.html"> 4 <style> 5 .container { 6 font-family: monospace; 7 font-size: 20px; 8 width: 20ch; 9 display: -webkit-box; 10 -webkit-box-orient: vertical; 11 -webkit-line-clamp: 2; 12 overflow: hidden; 13 text-wrap: balance; 14 } 15 </style> 16 <div class="container"> 17 123 567 901 345 789 18 123 567 901 345 789 19 123 20 </div>