New CSS Tip

In trying to format this site, I have had to play around a little with the CSS formatting and learned something new today.  I wanted the code blocks that I have to be scrollable when they went beyond a maximum size so I added to tags to the code block tag (Actually I use blockquote to make it easier to denote the code sections when using blogger because they have a convenient blockquote key).  So I added the following lines to my already existing CSS code for blockquote:

blockquote {
     overflow: auto;
     max-height: 250px;
}

So the overflow property is set to auto to automatically create scroll bars when needed and the max-height property makes it so that the maximum box height that can exist in the blockquote is 250 pixels high, resulting in scroll bars for anything longer than the max height.