In the first example we want to show some jQuery code. Note that the code-box has no horizontal scrollbar because the content fits.

$(document).ready(function() {
  $('div:first').text('DOM Ready!')
});

In the second example we have some CSS. Note that we now have a horizontal scrollbar because the long lines does not fit in the code-box.

html { font-size: 16px; }
body { font-size: 62.5%; font-family: Verdana, Arial, sans-serif; color: #555555; background: #22384d url(../images/bg.jpg) repeat-x; }
a { color: #0F67A1; text-decoration: none; }
a:hover { text-decoration: underline; }