Most technical documentation websites (including this one) have the need to display code. Most marketing websites don’t have that requirement, but since there is an intuitive and simple styling and markup the notion of code elements both inline and preformatted multiline is supported out of the box.

Formatting something in word or gdoc as a fixed font (eg. Courier New) will automatically output a <code> element or a <code> and <pre> block for multiline.


See Live output

Content Structure:

See Content in Document


As the code functionality is part of Default Content it is usually really just a matter of styling things according to the project specific CSS rules.
This code is part of boilerplate so there is no need to copy it.

See Boilerplate Styling