Apply divide in the center of elements when a gap is specified

[Kashi-Aida]

Currently, when you use the divide and gap classes together, you will see that the border added by divide will always hug the prior element (as seen in the image when you apply a gap-[SOMETHING]). Instead, it makes much more sense for the divide to apply in the center between the two objects.

For example,

Second

You will see the border will hug the first element. Currently, you have to either manually adjust paddings or manually adjust borders to get the desired result, but it makes so much more sense from a TailwindCSS theming perspective to be able to use both divide and gap simultaneously, with the divide being placed in the middle of the two elements.

Do you know if this is something that can be added?

[wongjn]

This is currently fairly challenging to accomplish with regular CSS. Rather, you'd need to use some sort of padding with parent elements and such instead of truly use gap and then somehow adding borders in the gap.

If one must use gap, then you'd probably need to wait for Gap Decorations to be implemented in browsers.

As such, you'd be better off for now using some kind of padding system: https://play.tailwindcss.com/cjLen6zKXv