When printing, code is displayed as <ul> instead of <code>

Take this example:

https://hackpad.com/ep/pad/static/nOUvKlt6cXY

I can process the HTML using the following JavaScript, and it now displays as code, instead of an HTML list:

```
[].slice.call(document.querySelectorAll('ul.code li')).forEach(function (oldMarkup) {
var newMarkup = document.createElement('div');
newMarkup.innerHTML = oldMarkup.innerHTML;
oldMarkup.parentNode.insertBefore(newMarkup, oldMarkup);
oldMarkup.parentNode.removeChild(oldMarkup);
});

[].slice.call(document.querySelectorAll('ul.code')).forEach(function (oldMarkup) {
var newMarkup = document.createElement('code');
newMarkup.innerHTML = oldMarkup.innerHTML;
oldMarkup.parentNode.insertBefore(newMarkup, oldMarkup);
oldMarkup.parentNode.removeChild(oldMarkup);
});
```

Here is an example of it in action:
https://jsfiddle.net/ryanpcmcquen/fgyg6v7u/