Makes the <pre> element indent at the level of the children and not at the document's level.

prettyPre.js

$(function(){
    
    $("pre.code").each(function () {
        var html = $(this).html();
        var blankLen = (html.split('\n')[0].match(/^[\s\t]+/)[0]).length;
        $(this).html($.trim(html.replace(eval("/^[\s\t]{" + blankLen + "}/gm"), "")));
    });
    
});

This is taken and modified from this StackOverflow answer. Long live StackOverflow!