title: wrapping sections with HTML tags in vim
body: <p>I want to be able to quickly wrap entire sections of my HTML with other tags. I run into this a lot when I realize I need an outer div around my other divs, like so:</p>
  
  <p><strong>Original HTML:</strong></p>
  
  <pre><code>&lt;div id='a'&gt;
     &lt;img src='a.png'&gt;
  &lt;/div&gt;
  &lt;div id='b'&gt;
     &lt;img src='b.png'&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Modified HTML:</strong></p>
  
  <pre><code>&lt;div id='Main'&gt;
     &lt;div id='a'&gt;
        &lt;img src='a.png'&gt;
     &lt;/div&gt;
     &lt;div id='b'&gt;
        &lt;img src='b.png'&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I could use <a href="http://www.vim.org/scripts/script.php?script_id=39" rel="noreferrer">matchit.vim</a> and <a href="http://www.vim.org/scripts/script.php?script_id=1697" rel="noreferrer">surround.vim</a> but I don't believe surround.vim surrounds with words (ie. <code>&lt;div&gt;</code>), just single characters (ie. <code>&lt;</code>) and it also does not indent.  </p>
  
  <p>The closest thing I can think of right now takes 15-20 button presses.</p>