This one is nasty and annoying. Not a single browser get this right (I can't test on the Mac). This is the CSS (it's also in screen.css):
code[class]::before{
display:block;
font-weight:bold;
content:attr(class)" code:";
}
code[class]::first-letter{
text-transform:uppercase;
}
If you understand CSS, you know how great this is. The downside is: Mozilla doesn’t support this at all. Opera doesn’t support ::first-letter correctly; it should be rendered on the generated content but Opera renders it without checking (?) if there is any generated content. IE? Why do you ask? I'm going to check some bug databases today.
Update: Apparently, I was wrong. It still doesn’t work, but I was wrong. I changed it know and I added directly the correct CSS3 selectors.
CSS3 related tests: