Hacker News new | ask | show | jobs
by matteason 3 days ago
They're usually done with SVGs or CSS pseudoelements (a clip-path polygon or borders and rotation) rather than Unicode arrows
1 comments

Exactly, text content goes in a <span>, icon is an <svg>, flex align items center on the wrapper gets you close, nudge the icon to perfection with transform: translate
And then the line wraps.
Alright I’ll take the bait, flex shrink none on the svg, white space no wrap on the text