is now part of Shuffle™. The new editor includes templates for Tailwind CSS, Bootstrap, Bulma, and Material-UI.
Switch to Shuffle →
← Tailwind CSS classes list

Tailwind CSS class: .divide-x-reverse / .divide-*-reverse

<div class="flex flex-row-reverse divide-x-reverse divide-x-4 divide-teal-600 my-4">
  <div class="flex-1 text-center">1</div>
  <div class="flex-1 text-center">2</div>
  <div class="flex-1 text-center">3</div>
</div>

<div class="flex flex-col-reverse divide-y-reverse divide-y-4 divide-teal-600 my-4">
  <div class="text-center">1</div>
  <div class="text-center">2</div>
  <div class="text-center">3</div>
</div>

Preview

1
2
3
1
2
3

CSS source

.divide-x-reverse {
    --divide-x-reverse: 1
}
.divide-y-reverse {
    --divide-y-reverse: 1
}

More in Tailwind CSS Borders