Make demo paragraph width resizable

diff --git a/index.html b/index.html
index 69f6080ebdadfb5b7695b6f4126dc5b9bdcede71..3df755d68b80a6aa5afc0939cf5be2e60e5cf298 100644 (file)
--- 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