title: style guide for multiline html
body: <p>I have some lengthy HTML which is over the 80 character limit for my project. We have a style guide which restricts the number of characters per line, which is good because right now the line runs so long that you can't see it all without scrolling right.</p>
  
  <pre><code>&lt;div id="email-signup-container"&gt;
    &lt;div id="mc_embed_signup"&gt;
      &lt;div class="interested"&gt;
        &lt;div class="container"&gt;
  
          &lt;div class="left col-lg-6 col-md-6 col-sm-12 col-xs-12"&gt;
            &lt;h3&gt;Help New York residents keep the heat on this winter.&lt;/h3&gt;
            &lt;a href="http://www.nycharities.org/donate/charitydonate.asp?ID=4081" class="donate-btn btn-interest"&gt;DONATE&lt;/a&gt;
          &lt;/div&gt;
  
          &lt;div class="right col-lg-6 col-md-6 col-sm-12 col-xs-12"&gt;
            &lt;h3&gt;Without heat? Visit our resources page.&lt;/h3&gt;
            &lt;a class="btn-interest" href="resources"&gt;RESOURCES&lt;/a&gt;
          &lt;/div&gt;
  
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Unfortunately, I can't find any style guides that cover multilining HTML. I worked on one project where we newlined things by attribute, but it was controversial:</p>
  
  <pre><code>          &lt;a
               href="http://www.nycharities.org/donate/charitydonate.asp?ID=4081"
               class="donate-btn btn-interest"&gt;DONATE&lt;/a&gt;
  </code></pre>
  
  <p>Some people wanted the closing carot on a new line like this:</p>
  
  <pre><code>          &lt;a
               href="http://www.nycharities.org/donate/charitydonate.asp?ID=4081"
               class="donate-btn btn-interest"
            &gt;DONATE&lt;/a&gt;
  </code></pre>
  
  <p>Other people wanted the closing tag at the same level as the opening tag:</p>
  
  <pre><code>          &lt;a
               href="http://www.nycharities.org/donate/charitydonate.asp?ID=4081"
               class="donate-btn btn-interest"
            &gt;
              DONATE
            &lt;/a&gt;
  </code></pre>
  
  <p>I kind of hate all of them. Can anyone point to any published style guides that cover this so we can just adopt one and move on?</p>