text-wrap-balance-dynamic-001.html (469B)
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-dynamic-001-ref.html"> 4 <style> 5 #container { 6 width: 20ch; 7 text-wrap: balance; 8 } 9 span:hover { 10 color: red; 11 } 12 </style> 13 <div id="container"> 14 123 567 901 345 789 15 123 567 901 345 789 16 123 567 901 345 789 17 </div> 18 <script> 19 document.body.offsetTop; 20 container.appendChild(document.createTextNode('999')); 21 </script>