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 <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 <xmp>
Wrapper [<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>