From: Ardis Lu <ardisglu@gmail.com>
Date: Fri, 7 Apr 2023 04:33:08 +0000 (-0700)
Subject: Make demo paragraph width resizable
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=1d3ddd9cd60fcded2aafef7fe25657bd059f0b48;p=css-for-line-clamp-ellipsis

Make demo paragraph width resizable
---

diff --git a/index.html b/index.html
index 69f6080..3df755d 100644
--- a/index.html
+++ b/index.html
@@ -27,6 +27,10 @@
       -webkit-line-clamp: 5;
       overflow: hidden;
     }
+
+    .width-resizable {
+      resize: horizontal;
+    }
   </style>
 </head>
 
@@ -46,8 +50,8 @@
   overflow: hidden;
 }
     </pre>
-    <p>Here is the above CSS in action:</p>
-    <p class="line-clamp">
+    <p>Here is the above CSS in action. Try adjusting the paragraph's width:</p>
+    <p class="line-clamp width-resizable">
       Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
       magna aliqua. Dolor sit amet consectetur adipiscing elit duis tristique sollicitudin. Suscipit adipiscing bibendum
       est ultricies integer quis auctor. Odio facilisis mauris sit amet massa vitae tortor condimentum lacinia. Nam