<kbd>
The <kbd>
element emphasizes characters to look like keys on a keyboard.
Syntax
The <kbd>
element has no attributes. Text is placed in between the opening and closing <kbd>
tags and will render in the browser’s default monospace font. <kbd>
can be nested but the result will be the same.
<kbd><!-- Text goes here --></kbd>
Example 1
Leaving out an external <kbd>
wrapper element is value and will have no effect.
<p>You can copy text by pressing <kbd>CTRL</kbd>+<kbd>C</kbd>.</p>
Example 2
However, nested <kbd>
elements may be useful for certain stylesheet setups.
<!-- prettier-ignore --><p>You can paste text by pressing <kbd><kbd>CTRL</kbd>+<kbd>V</kbd></kbd>.</p>