Awesome examples of CSS code box styling
I'm trying to tweak my TypePad blog to make code examples stand out. I googled for "CSS code box styling" but didn't like anything I found.
What styling tips of examples would you suggest?
What styling tips of examples would you suggest?
line-height:1.5? That is too much even for body text set in Verdana. Coders are used to code being set solid (line-height: normal or tighter). Too much leading hurts the legibility of the code. In particular, since you have padding:1em, a blank line in the code will have considerably more spacing than there is between the code block and the prose.
What does that even mean? And I chose monospace only as not everyone has Consolas or Andale Mono installed.
As for the line-height: I went for a balance between easy legibility and still getting lots of text in the space. But I guess it's up to the OP to fiddle with the spacing issues.