From 05ea86c4fa2a6507384063b92bfc18b058b0b86a Mon Sep 17 00:00:00 2001
From: Ahmed Aleryani <ahmed.m.aleryani@gmail.com>
Date: Mon, 12 Jan 2026 02:12:39 +0200
Subject: [PATCH] Fix list-style-type documentation playground/code mismatch

Update HTML code snippets to match the interactive playground examples:
- Add missing 'list-inside' class to all three examples
- Change <ol> to <ul> for list-decimal example to match playground

Fixes #2255
---
 src/docs/list-style-type.mdx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/docs/list-style-type.mdx b/src/docs/list-style-type.mdx
index 6b82998df..7f05a852a 100644
--- a/src/docs/list-style-type.mdx
+++ b/src/docs/list-style-type.mdx
@@ -56,20 +56,20 @@ Use utilities like `list-disc` and `list-decimal` to control the style of the ma
 </Example>
 
 ```html
-<!-- [!code classes:list-disc] -->
-<ul class="list-disc">
+<!-- [!code classes:list-disc,list-inside] -->
+<ul class="list-inside list-disc">
   <li>Now this is a story all about how, my life got flipped-turned upside down</li>
   <!-- ... -->
 </ul>
 
-<!-- [!code classes:list-decimal] -->
-<ol class="list-decimal">
+<!-- [!code classes:list-decimal,list-inside] -->
+<ul class="list-inside list-decimal">
   <li>Now this is a story all about how, my life got flipped-turned upside down</li>
   <!-- ... -->
-</ol>
+</ul>
 
-<!-- [!code classes:list-none] -->
-<ul class="list-none">
+<!-- [!code classes:list-none,list-inside] -->
+<ul class="list-inside list-none">
   <li>Now this is a story all about how, my life got flipped-turned upside down</li>
   <!-- ... -->
 </ul>