Skip to content

Alex Carpenter

Staff UI Engineer at Clerk

Grand Rapids, MI.

Open demo in a new tab

For when <mark /> elements wrap to multiple lines, use box-decoration-break: clone; to render each fragment with their own specified border, padding, and margin.

mark {
  box-decoration-break: clone;
  padding-inline: 0.25rem;
}