pre element too tall?

[merlinstardust]

For some reason pre blocks are taking up more height than they should. In the example screenshots, the pre block is taller than the code block by about 90 pixels.

But the CSS does not seem to indicate why. pre does not have a height defined and code does not have that amount of padding, so I don't understand why it is taking up so much space.

Why is pre's height so much higher than code? Why does pre not simply wrap code and match its height?

I have images showing this issue at StackOverflow.

[szechyjs]

I'm having the same problem. (rev a82c433)

[szechyjs]

I figured it out thanks to #1874, the problem was whitespace between the pre and code tags.

[merlinstardust]

Can it only be fixed by removing the whitespace between the tags or is there another option?

I much prefer to have each tag on a separate line

[bnjmnt4n]

Currently the only solution is to remove the whitespace between the pre and code tags. This is due to the semantics of the pre element which displays all whitespace between pre tags as is.