Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 155 Stack Exchange communities.

What is meta?
Here's how it works:
  1. Any Stack Exchange user can ask a question
  2. The community provides support, votes on ideas, and reports bugs
  3. Your voice helps shape the way Stack Exchange operates

I like how tags are cleverly displayed in gray boxes in this question, among others: http://meta.stackexchange.com/questions/6119/retag-request-opensource-open-source

What's the markdown syntax for this?

share|improve this question
up vote 5 down vote accepted

That would be the <kbd> tag:

<kbd>hello, world</kbd>

becomes

hello, world

It's used mainly to demonstrate keys that the reader is supposed to press, like ctrl+t, etc.

Though <kbd> is an HTML tag, StackOverflow applies some CSS to make it look like a real button:

kbd {
  background:#EEEEEE none repeat scroll 0 0;
  border-color:#CCCCCC #AAAAAA #888888 #BBBBBB;
  border-style:solid;
  border-width:1px 3px 3px 1px;
  color:#000000;
  padding:2px 4px;
  white-space:nowrap;
}
share|improve this answer
    
Ah, thanks. So this is just standard HTML, not markdown? Any special CSS required to format it like the real tag rectangles? – An̲̳̳drew Jul 21 '09 at 3:44
    
Yes, and I've updated my answer to include it – Kyle Cronin Jul 21 '09 at 3:58
    
Coolness . – An̲̳̳drew Jul 21 '09 at 4:17
    
This should be added to the "Formatting reference" – TM. Jul 27 '09 at 6:16
    
Cool, I think I may have to copy and paste that into my personal CSS for help pages, I can see this making a real difference to users when suggesting they press a specified button. – DaveM Jun 29 '12 at 8:51

Note that, if talking about actual tags, it's better to use the new [meta-tag:tags] -> syntax; see Is there some markup to post tags? or the formatting help for details.

share|improve this answer

You must log in to answer this question.

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