Skip to content

Conversation

@Ahmed-aleryani
Copy link

@Ahmed-aleryani Ahmed-aleryani commented Jan 12, 2026

Summary

Fixes inconsistency between the interactive playground examples and the HTML code snippets in the list-style-type documentation.

Changes

  • Added missing list-inside class to all three HTML code snippets (list-disc, list-decimal, list-none)
  • Changed <ol> to <ul> for the list-decimal example to match the playground implementation
  • Updated code highlighting comments to include list-inside class

Issue

Closes #2255

Testing

✅ Verified locally on development server
✅ Confirmed playground examples and code snippets now match exactly
✅ All three examples now correctly show list-inside class
✅ Documentation renders correctly

Before

Code snippets showed:

  • <ul class="list-disc">
  • <ol class="list-decimal">
  • <ul class="list-none">

But playground showed list-inside on all examples.

After

Code snippets now correctly show:

  • <ul class="list-inside list-disc">
  • <ul class="list-inside list-decimal">
  • <ul class="list-inside list-none">

Matching the interactive playground examples.

@vercel
Copy link

vercel bot commented Jan 12, 2026

@Ahmed-aleryani is attempting to deploy a commit to the Tailwind Labs Team on Vercel.

A member of the Team first needs to authorize it.

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 tailwindlabs#2255
@Ahmed-aleryani Ahmed-aleryani force-pushed the fix-list-style-type-playground-mismatch branch from ce87033 to dcad6d4 Compare January 12, 2026 00:44
@Ahmed-aleryani
Copy link
Author

@thecrypticace Ready for review when you have a chance. Thanks!

@Ahmed-aleryani
Copy link
Author

@adamwathan Another low hanging fruit addressing an open issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

The basic example of list-style-type in the playground shows unexpected results

1 participant