Keyboard shortcut

We use the native kbd tag to display the keyboard shortcut.
<kbd class="container">
...
</kbd>
.container {
/* Background and color */
background-color: rgba(0, 0, 0, 0.1);
border-radius: 4px;
color: rgba(0, 0, 0, 0.7);
/* Bottom shadow */
box-shadow: rgba(0, 0, 0, 0.3) 0px -2px 0px inset, rgba(0, 0, 0, 0.4) 0px 1px 1px;
/* Spacing */
padding: 8px;
}
⌘ + C

Use cases

We can use this pattern with the property list pattern to create shortkey preferences as following:
Cut
⌘ + X
Copy
⌘ + C
Paste
⌘ + V