From 1d3ddd9cd60fcded2aafef7fe25657bd059f0b48 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Thu, 6 Apr 2023 21:33:08 -0700
Subject: [PATCH] Make demo paragraph width resizable

---
 index.html | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

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
-- 
2.47.3