Consider adding content(html) to display html source

A CSS generated and replaced content semantic, something like 
content(html) could be helpful with the <code> tag as well as 
@contentEditable.
The idea is for innerHTML to be made visible to the user.

Examples:
<code><p>I am abusing the code tag</p></code>
<div contentEditable><em>I know basic html</em></div>

Something in CSS would it easier to flip on and off HTML source code 
examples.

Something more heavy could display syntax highlighting, if it's not 
being set to a string.
code { content: html(); }


-Charles