CTRL looks weird as the chars don't fit the 26px width of the key, making it a multiline.

Making it one pixel wider, resolves it on my machine. Ctrl fits nicely.

  • 1
    I see the broken <kbd>CTRL</kbd> on Chrome 21 on Windows too. I can also reproduce the problem with <kbd>WWW</kbd>. – HoLyVieR Aug 1 '12 at 23:14
  • 1
    Looks fine in Firefox 14.0.1 on Linux. – Mechanical snail Aug 1 '12 at 23:15
  • 1
    Hmm, was hoping this issue wouldn't hit Chrome stable, but I guess it did. Adding white-space: nowrap; fixes the problem, although that could cause some other issues if people wanted to abuse the <kbd> tag. In this particular case, having the font at anything other than 11 px also makes Chrome size the container correctly. – Tim Stone Aug 1 '12 at 23:23
  • Chrome22 on Windows. – Daniel A. White Aug 2 '12 at 0:52
  • No repro on Chrome 20/Linux. – user184498 Aug 2 '12 at 3:58

I was able to repro this in Chrome 21.0.1180.57 OSX. I added white-space: nowrap as Tim suggested and verified that it doesn't mess up other browsers. The change will be in the next prod build.

You must log in to answer this question.

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