Huge bottom padding of codeboxes

Question

Hi,
When you put something inside code tags, the resulting block has a big bottom padding.
See how big the box is and how much space is lost under that line?
IMO, that discourages the use of the code block for a few lines of code because the block itself is ridiculously bigger than what's in it. That's unlucky because you frequently have to indicate shell commands that take just one or two lines.
The solution to correct this is easy and actually tidies things up:
In the html source, codeblocks are
<div class="codebox">
<div class="incqbox">
<h4>Code:</h4>
<div class="scrollbox" style="height: 6em">
<pre>CODECODECODE</pre>
</div>
</div>
</div>
You just have to delete the style attribute of the scrollbox div.
Then in the css, you add to the scrollbox the property
max-height: 40 em
(or whatever size you want for the max size of a codeblock before it starts becoming scrollable)

Answer 1

toxygen wrote:
this worked for me in a stylish css file i have:
div.scrollbox {
max-height:10em !important;
height:auto!important;
now it shows no extra empty lines!  the max-height:10 is my preference for when it scrolls as described above.
Nice. I added that to my generic css file.