<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<script src="prettify.js"></script>
<link rel="stylesheet" type="text/css" href="sunburst.css">
<style type="text/css">
body { margin: 0; padding: 0; }
pre { margin: 0; }
#container { width: 40em; display: inline-block; }
</style>
</head>
<!--
<body onload="PR.prettyPrint();">
-->
<body>
<section>
    <div class="container">
        <div class="inner-container">
            <hr>
            <div>
              <pre class="prettyprint"> &ltdiv&gtHello&lt/div&gt </pre>
            </div>
            <hr>
        </div>
    </div>
</section>
<pre class="prettyprint lang-html linenums">
&lt;script type="text/javascript"&gt;
// Say hello world until the user starts questioning
// the meaningfulness of their existence.
function helloWorld(world) {
  for (var i = 42; --i &gt;= 0;) {
    alert('Hello ' + String(world));
  }
}
&lt;/script&gt;
</pre>
<script>
(function(){
    PR.prettyPrint();
})()
</script>
</body>