--- title: TailwindCSS Hidden Gems 💎 | daily.dev description: Using the space utility classes, you can easily add equal spacing between your elements instead of using margin. You can also use the divider classes to add... canonical: https://daily.dev/posts/tailwindcss-hidden-gems--rwa4enqb7 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: TailwindCSS Hidden Gems 💎 | daily.dev og:description: Using the space utility classes, you can easily add equal spacing between your elements instead of using margin. You can also use the divider classes to add... og:url: https://daily.dev/posts/tailwindcss-hidden-gems--rwa4enqb7 og:image: https://api.daily.dev/og/posts/RwA4EnQB7.png og:image:alt: TailwindCSS Hidden Gems 💎 og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # TailwindCSS Hidden Gems 💎 **[DevDojo](https://daily.dev/sources/devdojo)** · 4 min read · 56 upvotes · 5 comments ## Summary Using the space utility classes, you can easily add equal spacing between your elements instead of using margin. You can also use the divider classes to add dividers between your Elements. Instead of using custom box-shadow values to create rings around elements, can utilize these classes to display the same output. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@kartikmca09** · 3 upvotes > Nice collection of very useful but lesser known utilities. **@antoniolofiego** · 2 upvotes > Definitely a good selection of lesser known utilities! Just goes to show how wonderful of a framework Tailwind CSS really is. **@neeraj1005** · 1 upvotes > wow, I didn't know about animate-spin class that's awesome... **@itsamii** · 0 upvotes > Great helpful tips to better utilize TailwindCss's amazing customization capacity. ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments - [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments - [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#tailwind-css](https://daily.dev/tags/tailwind-css) [View this post on daily.dev](https://daily.dev/posts/tailwindcss-hidden-gems--rwa4enqb7) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"TailwindCSS Hidden Gems 💎","url":"https://daily.dev/posts/tailwindcss-hidden-gems--rwa4enqb7","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/tailwindcss-hidden-gems--rwa4enqb7"},"datePublished":"2021-03-11T01:47:09.308Z","dateModified":"2022-10-09T11:04:31.028Z","description":"Using the space utility classes, you can easily add equal spacing between your elements instead of using margin. You can also use the divider classes to add...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/055fd6f450fc4255df1e1f5a6e39e962","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/055fd6f450fc4255df1e1f5a6e39e962","isAccessibleForFree":true,"articleSection":"DevDojo","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"DevDojo","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/e258fd9dff884055b7b59df7fd1d7bd7","url":"https://daily.dev/sources/devdojo"},"commentCount":5,"discussionUrl":"https://daily.dev/posts/tailwindcss-hidden-gems--rwa4enqb7","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":56},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":5}],"keywords":"webdev,tailwind-css","timeRequired":"PT4M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"DevDojo","item":"https://daily.dev/sources/devdojo"},{"@type":"ListItem","position":3,"name":"TailwindCSS Hidden Gems 💎"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/tailwindcss-hidden-gems--rwa4enqb7","comment":[{"@type":"Comment","text":"Nice collection of very useful but lesser known utilities.","datePublished":"2021-03-11T04:51:19.180Z","url":"https://daily.dev/posts/RwA4EnQB7#c-nlX-JqM1R","author":{"@type":"Person","name":"Kartik Sahoo","url":"https://daily.dev/kartikmca09","image":"https://avatars2.githubusercontent.com/u/1303015?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"Definitely a good selection of lesser known utilities! Just goes to show how wonderful of a framework Tailwind CSS really is.","datePublished":"2021-03-11T05:05:29.325Z","url":"https://daily.dev/posts/RwA4EnQB7#c-G7FGpzaEQ","author":{"@type":"Person","name":"Antonio Lo Fiego","url":"https://daily.dev/antoniolofiego","image":"https://avatars2.githubusercontent.com/u/33105749?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"wow, I didn’t know about animate-spin class that’s awesome…","datePublished":"2021-03-11T05:11:16.303Z","url":"https://daily.dev/posts/RwA4EnQB7#c-03D98kUBj","author":{"@type":"Person","name":"Neeraj Singh Tangariya","url":"https://daily.dev/neeraj1005","image":"https://lh3.googleusercontent.com/a-/AOh14GjX9wb8Rxn2w3QhkBxwR465ZOzsMUAYCuqGnUwwrQ=s100"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Great helpful tips to better utilize TailwindCss’s amazing customization capacity.","datePublished":"2021-12-14T01:16:56.817Z","url":"https://daily.dev/posts/RwA4EnQB7#c-bvc6kOQYX","author":{"@type":"Person","name":"Amii H-B","url":"https://daily.dev/itsamii","image":"https://media.daily.dev/image/upload/f_auto/v1621796657/avatars/_1Vnh_KSm"}}]} ```