Break long line

diff --git a/index.html b/index.html
index e467224a6753fec5f63f69eae09d7e8fd6e66c3a..ed5b6bea8a7c4e5aefc2dc3e3dca53372600bbed 100644 (file)
--- a/index.html
+++ b/index.html
@@ -214,7 +214,9 @@ function getLineHeightInPx(elem) {
 }
 
 const elem = document.querySelector('.dynamic-line-clamp');
-new ResizeObserver(_ => elem.style.setProperty('--lines', Math.floor(elem.clientHeight / getLineHeightInPx(elem)))).observe(elem);</pre>
+new ResizeObserver(_ => {
+  elem.style.setProperty('--lines', Math.floor(elem.clientHeight / getLineHeightInPx(elem)));
+}).observe(elem);</pre>
       <p>Try adjusting the height:</p>
       <div class="height-resizable-container">
         <p id="basic-observer" class="dynamic-line-clamp height-resizable">
@@ -346,7 +348,9 @@ new ResizeObserver(debounce(() => {
     }
 
     const elem = document.querySelector('#basic-observer');
-    new ResizeObserver(_ => elem.style.setProperty('--lines', Math.floor(elem.clientHeight / getLineHeightInPx(elem)))).observe(elem);
+    new ResizeObserver(_ => {
+      elem.style.setProperty('--lines', Math.floor(elem.clientHeight / getLineHeightInPx(elem)));
+    }).observe(elem);
 
     const elem2 = document.querySelector('#full-observer');
     new ResizeObserver(debounce(() => {