I recently updated my blog just to give it a new look. Found out all my code markups with the “pre” tag were all messed up.

The ff CSS Markup should be added to style.css of the selected theme

.ch_code_container {
background-color: #f0f0f0;
border: 1px solid #C3CED9;
padding: 10px 10px 10px 10px;
width: 100%;
text-align: left;
font: normal 14px 'Courier-New', Verdana, sans-serif;
overflow:auto;
}
.ch_code_container .head
{
color: #808080;
font-weight: bold;
background-color: #f0f0ff;
border-bottom: 1px solid #d0d0d0;
padding: 2px;
}