title: Wrapping long HTML tags, which way?
body: <p>Lets say I have the following html tag:</p>
  
  <pre><code>&lt;button type="button" class="btn btn-primary btn-block" onclick="myFunction(); mySecondFunction();" title="It's a button!"&gt;&lt;/button&gt;
  </code></pre>
  
  <p>That gets pretty long and starts to be hard to read what attributes it has so I would like to wrap the tag by putting each attribute on a new line, but which way is a good practice to do this? Keep the <code>&gt;</code> on the last attribute? Put the <code>&gt;</code> on its own line? </p>
  
  <p>Method 1:</p>
  
  <pre><code>&lt;button 
    type="button" 
    class="btn btn-primary btn-block" 
    onclick="myFunction(); mySecondFunction();" 
    title="It's a button!"
  &gt;
    Button Text
  &lt;/button&gt;
  </code></pre>
  
  <p>Method 2:</p>
  
  <pre><code>&lt;button 
    type="button" 
    class="btn btn-primary btn-block" 
    onclick="myFunction(); mySecondFunction();" 
    title="It's a button!"&gt;
    Button Text
  &lt;/button&gt;
  </code></pre>
  
  <p>Method 3:</p>
  
  <pre><code>&lt;button 
  type="button" 
  class="btn btn-primary btn-block" 
  onclick="myFunction(); mySecondFunction();" 
  title="It's a button!"&gt;
    Button Text
  &lt;/button&gt;
  </code></pre>
  
  <p>Method 4 (only wrap when you get too long):</p>
  
  <pre><code>&lt;button type="button" class="btn btn-primary btn-block" 
  onclick="myFunction(); mySecondFunction();" title="It's a button!"&gt;
    Button Text
  &lt;/button&gt;
  </code></pre>
  
  <p>Some other method??</p>
  
  <p>I know anyway is technically acceptable, but keeping in mind how code editors manage tabbing and formatting, and just plain readability, would like to see what is the recommended way.</p>