When using the <kbd> tag in posts, the text in the "buttons" is large enough that it obscures some of the text in the following line, making it a bit difficult to see. Example:

To add a newline, simply type Shift+Enter. This will insert a newline character (thus making a new line) rather than enter, which causes the form to submit.

The buttons don't overlap with the next line, but are touching it, and make it somewhat difficult to read and a bit bizarre looking. Perhaps this is by design, but I think it would look better if the buttons were a tad smaller, so as to not touch the next line of text.

Error occurs on Windows 7 in Google Chrome 7.0.517.44 and in Firefox 4 Beta 5, and possibly other browsers (those are the only two I tested). It seems worse in Firefox than in Chrome.

  • 1
    I'll decrease the KBD text size a bit and adjust the padding accordingly, so the "button" will be smaller.
    – Jin
    Nov 29, 2010 at 2:27
  • @Jin, thanks. Once the change has been made, if you post that as the answer I'll accept it.
    – nhinkle
    Nov 29, 2010 at 5:32
  • will do!
    – Jin
    Nov 29, 2010 at 6:52
  • FWIW, it looks fine to me. I hadn't noticed any issues with the KBD tag prior to this. (Firefox 3.6)
    – ale
    Nov 29, 2010 at 15:44

1 Answer 1


I have made the change for this. It will be in the next deployment. I made the KBD text slightly smaller and decreased the padding a bit. While it's still fairly close to the next line, I believe you'll find it easier to read than before.


You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .