Code wrapper
Wrapper <pre>
<form> <!-- block with margin XY -->
<header>Heading</header> <!-- row padding Y -->
<p></p> <!-- row with padding Y -->
<div></div> <!-- row without padding Y -->
<input type="hidden"/>
<fieldset> <!-- row* -->
<legend>Legend</legend> <!-- float -->
<label for="%"><span></span></label> <!-- cell* -->
<input id="%"/> <!-- cell* -->
</fieldset>
</form>
Wrapper <pre>.code
<form> <!-- block with margin XY -->
<header>Heading</header> <!-- row padding Y -->
<p></p> <!-- row with padding Y -->
<div></div> <!-- row without padding Y -->
<input type="hidden"/>
<fieldset> <!-- row* -->
<legend>Legend</legend> <!-- float -->
<label for="%"><span></span></label> <!-- cell* -->
<input id="%"/> <!-- cell* -->
</fieldset>
</form>
Wrapper <pre><code> with highlight.js (internal)
<form> <!-- block with margin XY -->
<header>Heading</header> <!-- row padding Y -->
<p></p> <!-- row with padding Y -->
<div></div> <!-- row without padding Y -->
<input type="hidden"/>
<fieldset> <!-- row* -->
<legend>Legend</legend> <!-- float -->
<label for="%"><span></span></label> <!-- cell* -->
<input id="%"/> <!-- cell* -->
</fieldset>
</form>Wrapper <xmp>
Example <xmp>
Example <xmp>.xmp (inline)
Wrapper [<block>].code
Example [<p>].code
<form> <!-- block with margin XY --> <header>Heading</header> <!-- row padding Y --> <p></p> <!-- row with padding Y --> <div></div> <!-- row without padding Y --> <input type="hidden"/> <fieldset> <!-- row* --> <legend>Legend</legend> <!-- float --> <label for="%"><span></span></label> <!-- cell* --> <input id="%"/> <!-- cell* --> </fieldset> </form>
[inline].code
Example inline el with class .code: span class="code" and i class="code" and strong class="code"
Wrapper <code>
<form> <!-- block with margin XY -->
<header>Heading</header> <!-- row padding Y -->
<p></p> <!-- row with padding Y -->
<div></div> <!-- row without padding Y -->
<input type="hidden"/>
<fieldset> <!-- row* -->
<legend>Legend</legend> <!-- float -->
<label for="%"><span></span></label> <!-- cell* -->
<input id="%"/> <!-- cell* -->
</fieldset>
</form>