Clone Project

Nested Decimal Ordered Lists

Created by
Corey Moen
Similar Projects
Oops! Something went wrong while submitting the form.

0 Comments

Be the first to leave a comment.
Loading
User is typing...
No Name
Set
4 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
No Name
Set
2 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
Description:  
AI Description

This component allows users to create up to three levels deep of nested ordered lists using native lists in Webflow combined with custom CSS. It is particularly useful for formatting legal documents and terms pages that require this specific structure.

Key Features:

  • Supports up to three levels of nested ordered lists, enhancing document organization.
  • Utilizes CSS counters for automatic numbering of list items, ensuring consistent formatting.
  • Customizable padding for different list levels to improve readability.

Design Elements:

  • Utilizes a clean and structured layout for ordered lists, ensuring clarity.
  • Incorporates custom CSS for styling, including text selection colors and list item spacing.
  • Features a simple, professional aesthetic suitable for legal and formal documents.

Potential Use Cases:

  • Legal websites needing to present terms and conditions clearly.
  • Documentation pages for software or services that require detailed instructions.
  • Educational content that involves structured lists for better comprehension.

Conclusion: The Nested Decimal Ordered Lists component is a practical solution for creating organized and visually appealing lists, making it ideal for various formal documentation needs.

Description from Webflow:  
Use native lists in Webflow and a smidge of custom CSS to set up to 3 levels deep of nested ordered lists. This is handy for those pesky legal and terms pages that come with this formatting from a separate doc. Originally inspired by the Josh Comeau article on the topic here: https://www.joshwcomeau.com/css/styling-ordered-lists-with-css-counters/
Tags from Webflow: 
css,  lists,  unorderedlist,  customcode
.