Here’s a quick tip. I wanted to create a document that contained code snippets and used Prism for the code highlighting. To do that easily, I needed all the pre > code tags to have their contents converted from actual code (that the browser will use to render) into text (so the tags show).

For this site I use a plugin that takes care of this, however, for a standard document I used a snippet of jQuery (this assumes that your code is wrapped in a pre and code):

$(document).ready(function() {
    $('code').each(function() {

Learn to use CSS effectively, 'Enduring CSS' is out now

Get $5 off HERE ↠

Write and maintain large scale modular CSS and embrace modern tooling including PostCSS, Stylelint and Gulp