http://www.perlmonks.org?node_id=487255


in reply to More ways to download code...

The "download code" block seems to be so far from the code itself because there is the additional newline within the code-PRE block. I've restyled the download link and PRE tags page to be like the following:

pre { display: inline; } tt.code { display: block; background: #EEE; } div.embed_code_dl { text-align: right; display: block; padding: 0px; margin: 0px; background: #EEE; }

This integrates the download links nicely with the code blocks, at least on the one node I've tried so far. I'm not sure how this works with inline code blocks like this one though. I should maybe add a class (or rather, three) to the PRE tags, one for code blocks in general and one for inline and one for non-inline code blocks. But some browsers have difficulties with multi-classed elements, don't they?

Update: After some trials, it seems that inline code blocks are unaffected, so this is all nice.