How to set a no break in keyboard shortcuts?

Question

I'm wondering if it's possible to set a keyboard shortcut reference to be no breakable

Example:

As is:

Keyboard shortcuts are shown in menus, contextual menus and by (on Windows) pressing Ctrl+/

As wanted (automatically rather than manually):

Keyboard shortcuts are shown in menus, contextual menus and by (on Windows) pressing
Ctrl+/

Already tried to use

<nobr> HTML tag (obsolete): <nobr><kbd>Ctrl</kbd>+<kbd>/</kbd></nobr>

Keyboard shortcuts are shown in menus, contextual menus and by (on Windows) pressing Ctrl+/

CSS inline style: white-space:nowrap; <span style:"white-space:nowrap;"><kbd>Ctrl</kbd>+<kbd>/</kbd></span>

Keyboard shortcuts are shown in menus, contextual menus and by (on Windows) pressing Ctrl+/

HTML entity for no breaking spaces: <kbd>Ctrl</kbd>&nbsp;+&nbsp;<kbd>/</kbd>

Keyboard shortcuts are shown in menus, contextual menus and by (on Windows) pressing Ctrl + /

Related

• Keyboard Glyphs
• Avoid line break between html elements

Answer 1

Ugly but works:

Nest kbd tags <kbd><kbd>Ctrl</kbd>+<kbd>/</kbd></kbd>

Keyboard shortcuts are shown in menus, contextual menus and by ( on Windows 10) pressing Ctrl+/

(The inner elements are shown on a smaller font size so I add few characters to the original sentence)