<div class="grid grid-cols-3 divide-x-4 divide-teal-600 my-4">
We're live on Product Hunt with Material-UI Builder (read more). All Tailwind Builder users can use it for FREE ❤️
← Tailwind CSS classes list
Tailwind CSS class: .divide-x
Preview
CSS source
.divide-x { border-left-width: 1px; }More in Tailwind CSS Borders
- .border-solid
- .border-dashed
- .border-dotted
- .border-double
- .border-none
- .border
- .border-0
- .border-2
- .border-4
- .border-8
- .border-*-# / .border-t-2
- .border-opacity-25 / border-*-#
- .divide-x-0
- .divide-x-2
- .divide-x-4
- .divide-x-8
- .divide-y
- .divide-y-0
- .divide-y-2
- .divide-y-4
- .divide-y-8
- .divide-gray-100 / .divide-*-#
- .divide-x-reverse / .divide-*-reverse
- .divide-opacity-25 / .divide-opacity-*
- .border-collapse
- .border-separate
- .rounded / .rounded-*
Create Tailwind templates in minutes ⚡