Drawing separator lines on webpages can improve readability and aesthetics. Traditional methods like using borders or pseudo-elements have limitations when working with modern CSS layout techniques. A new proposal, CSS gap decorations, aims to address these shortcomings by allowing customizable gap decorations in various layouts like grid and flexbox. The proposal introduces properties like row-rule to define different decorations within a container. Developers are encouraged to provide feedback to shape this proposal. The article explains the syntax and potential uses of CSS gap decorations, offering a creative solution to draw lines between sections of content within different layouts.
https://blogs.windows.com/msedgedev/2025/03/19/minding-the-gaps-a-new-way-to-draw-separators-in-css/