From f49f624fdebf8b1540fabf578a64d495ace95366 Mon Sep 17 00:00:00 2001
From: Miguel Camba <miguel.camba@gmail.com>
Date: Mon, 23 Sep 2024 17:18:34 +0200
Subject: [PATCH] Add inline-block example with drag and drop to the seeds

---
 dev.exs | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/dev.exs b/dev.exs
index a8002b91..04805670 100644
--- a/dev.exs
+++ b/dev.exs
@@ -447,6 +447,30 @@ dev_seeds = fn ->
           <div class="p-2 border rounded">Item 6<br />Small text.</div>
         </div>
       </div>
+      <!-- 8. Inline-block elements with overflow -->
+      <div class="mb-8">
+        <h2 class="text-lg font-semibold mb-4">8. Elements with Inline-Block Layout</h2>
+        <div class="text-justify">
+          <div class="inline-block w-1/3 p-2 border rounded mb-2 mx-2">
+            Item 1<br />Small text.
+          </div>
+          <div class="inline-block w-2/5 p-2 border rounded mb-2 mx-2">
+            Item 2<br />Small text.<br />But taller.
+          </div>
+          <div class="inline-block w-1/4 p-2 border rounded mb-2 mx-2">
+            Item 3<br />Small text.
+          </div>
+          <div class="inline-block w-1/3 p-2 border rounded mb-2 mx-2">
+            Item 4<br />Small text.
+          </div>
+          <div class="inline-block w-1/5 p-2 border rounded mb-2 mx-2">
+            Item 5<br />Small text.
+          </div>
+          <div class="inline-block w-9/20 p-2 border rounded mb-2 mx-2">
+            Item 6<br />Small text.
+          </div>
+        </div>
+      </div>
       """
     })