anchor.diff:                &lt;li&gt;&lt;p&gt;*Do not do this* if you must use
                   a line break!&lt;/p&gt;&lt;/li&gt;
                 &lt;li&gt;
  -                &lt;p&gt;This is a better option:
  +                &lt;p&gt;With line breaks, this is a better option:
                     the p gets its own line and is indented.&lt;/p&gt;
                 &lt;/li&gt;
               &lt;/ul&gt;
  -
  -            &lt;style&gt;
  +        section
  +          h3 CSS Specifics &amp; Examples
  +          figure: pre.
                 /* CSS selectors usually get their own line. */
                 .class1 &gt; .child,
                 .class2 + .child,
                 .selector {
  -                /* CSS rules usually get their own line. */
  +                /* 99% of the time, CSS rules get their own line, and are indented. */
                   margin: 0 0 1rem;
                   line-height: 1.25;
                 }
  
positive.code:           ul
              li Blank lines are permitted, but only if they do not contain any spaces.
              li Use blank lines #[em only] to separate code structures and improve readability.
              li.
                In HTML, 99% of the time, each block-level element is written on its own line,
                while inline-level HTML elements are written in-line with text.
              li Line breaks may also be used within long passages of text content.
              li In CSS, 99% of the time, each rule is written on its own line.
            section
              h4 Exceptions
              ul
  
negative.code:                 li function/method names use #[code camelCase]
                  li variables use #[code under_score_lower_case]
                  li constants use #[code UNDER_SCORE_UPPER_CASE]
              li Always put spaces immediatlely inside braces #[strong if they are on the same line].
              li Always put spaces before open parentheses and after control keywords, but never after names of functions.
              li Always use single-quotes for all strings in JS.
              li.
                Use the #[a(href="https://en.wikipedia.org/wiki/Indent_style#Variant:_1TBS") 1TBS] brace style
                and #[a(href="https://docs.npmjs.com/misc/coding-style") npm&rsquo;s coding style].
            figure: pre.
              var foo = 1
                , bar = 2
                , qux = 3
              var obj = {
                one: 1
              , two: 2
              , th3: 3
              }
              var arr = [
                'one', 'two', 'th3'
              , 'foR', 'fiv', 'six'
              , 'sev', 'ate', 'nyn'
              ]
              function TestSubject(name, adopted) {
                Person.call(this, name, adopted)
                if (typeof adopted == 'boolean') {
                  this.is_adopted = adopted
                } else { this.is_adopted = false }
              }
              ;(function sayMyName(testSubject) {
                console.log(testSubject.name)
              })(new TestSubject('Chell', function () { return true }))
        section(style="background-color: rgba(255,170,85,0.5); color: red;")
          p(style="font-weight:bold;font-size:3rem;text-align:center;") DRAFT
          h2 Optimization and Accessibility
          ul
            li Always provide the #[code html[lang]] attribute.
            li.
              Omit the #[code [type]] attribute from the
              #[code &lt;link&gt;], #[code &lt;style&gt;], and #[code &lt;script&gt;] tags,
              but only if the value is default (#[code type="text/css"] or #[code type="text/javascript"])
            li Never use any of the following elements or attributes:
              ul
                li: code font
                li: code [align]
                li: code [border]
            li
              | Attributes shall have the following precedence and thus shall be written in the following order:
              ol
                li: code class
                li: code id
                li any attributes starting with #[code data-]
                li.
                  any other #[a(href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes") global attributes]
                  not on this list (#[code style], #[code title], #[code lang], etc.)
                  in any order
                li.
                  all element-specific attributes
                  (#[code href], #[code src], #[code rel], #[code alt], etc.)
                  in any order
                li
                  | microdata attributes in the following order:
                  ol
                    li: code itemprop
                    li: code itemscope
                    li: code itemtype
                    li #[code itemid] or #[code itemref]
                  small Microdata attributes, though global, are listed last to improve readability.
              | Examples:
              figure: pre.
                &lt;a data-name="index-1" href="//google.com/" itemprop="url" itemscope="" itemtype="//schema.org/URL"&gt;click here&lt;/a&gt;
                &lt;img class="my-img" id="img1" data-type="jpeg" src="//google.com/logo.jpg" alt="the Google logo"/&gt;
            li.
              Use the #[code hr] element as little as possible. Instead, end one #[code section]
              and start another, using CSS to create a border if need be.
            li For #[code table] elements:
              ul
                li.
                  insert the #[code caption], #[code thead], and #[code tfoot] elements (in that order)
                  #[em before] the #[code tbody] element(s)
                li.
                  always nest #[code tr] elements inside either #[code thead], #[code tfoot], or
                  #[code tbody] elements; never directly inside #[code table]
                li.
                  always nest #[code th] and #[code td] elements directly inside #[code tr] elements
            li
              | When adding a link to one element, wrap the #[code &lt;a&gt;] tag around
              |  the #[em outside] of the element to be linked.
              figure: pre.
                &lt;a&gt;&lt;code&gt;this is correct&lt;/code&gt;&lt;/a&gt;
                &lt;code&gt;&lt;a&gt;only do this if&lt;/a&gt; there is more content not to be linked&lt;/code&gt;
                &lt;code&gt;&lt;a&gt;this is incorrect&lt;/a&gt;&lt;/code&gt;
            li Always provide text for the #[code img[alt]] attribute.
            li.
              Give every #[code dfn] element a unique #[code [id]], so that there is only
              one defining instance of a term per page. Furthermore, it can be used as
              a hyperlink anchor (#[i fragment identifier]).
          ul
            li Use unitless CSS values of 0.
            li Always use unitless line height.
          table.demo
            thead: tr
              th(scope="col") Correct
              th(scope="col") Incorrect
            tbody
              tr
                td: code margin: 0;
                td: code margin: 0px;
              tr
                td: code line-height: 1.25;
                td: code line-height: 1.25em; line-height: 20px;
        section
          h2 Naming
        section
  