kbd { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid gray; padding: 1px 5px; margin: 0 5px; font-family: courier new; font-size: 1.2em; -webkit-box-shadow: 1px 0 1px 0 #fff, 0 2px 0 2px lightGray, 0 2px 0 3px #333; -moz-box-shadow: 1px 0 1px 0 #fff, 0 2px 0 2px lightGray, 0 2px 0 3px #333; box-shadow: 1px 0 1px 0 #fff, 0 2px 0 2px lightGray, 0 2px 0 3px #333; background: -moz-linear-gradient(left, #fff 0%, #e2e2e2 25%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(25%, #e2e2e2)); background: -webkit-linear-gradient(left, #fff 0%, #e2e2e2 25%); background: -o-linear-gradient(left, #fff 0%, #e2e2e2 25%); background: -ms-linear-gradient(left, #fff 0%, #e2e2e2 25%); background: linear-gradient(left, #fff 0%, #e2e2e2 25%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=1) } kbd.space { padding: 0 90px } kbd:hover { cursor: default }

<kbd>ctrl</kbd> + <kbd>c</kbd>