<kbd> element emphasizes characters to look like keys on a keyboard.
<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>
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>
<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>
Interested in helping build Docs? Read the Contribution Guide or share your thoughts in this feedback form.
Learn HTML on Codecademy
Front-End EngineerFront-end engineers work closely with designers to make websites beautiful, functional, and fast.
Includes 34 Courses
With Professional Certification