Can't insert space next to an emoji inside <kbd> tags

I think we can use the gap property for this? the problem is that changing kbd to use flexbox removed any natural space between elements within:

kbd {
  gap: 0.5em;
}

produces:

Screenshot 2022-12-08 at 1.06.10 PM

This would add space between any HTML elements within the KBD tag, and wouldn’t require any exceptions for first/last-child.

3 Likes