title: SublimeText2+HTML: Cursor positioning when creating new elements using "tab" shortcut
body: <p>I could not think of an efficient title for my question so I apologize for any confusion there.</p>
  
  <p>This question is specific to sublime text 2 (because that is the only editor I have used).</p>
  
  <p>When I create a new element (div for example) I will type div.class-name + "tab" and it will generate the following (with the "*" represents cursor location):</p>
  
  <pre><code>    &lt;div class="class-name"&gt;*&lt;/div&gt;
  </code></pre>
  
  <p>As shown, the cursor will be conveniently located in-between the opening and closing braces of the div.</p>
  
  <p>I then hit return twice to bring to open some space to put text or more elements inside of the div so it looks like this (again "*" represents cursor location):</p>
  
  <pre><code>    &lt;div class="class-name"&gt;
  
      *&lt;/div&gt;
  </code></pre>
  
  <p>I then hit "up" on my keyboard to bring my cursor up as shown here:</p>
  
  <pre><code>    &lt;div class="class-name"&gt;
  *
      &lt;/div&gt;
  </code></pre>
  
  <p>Then I hit "tab" to bring my cursor forward but it jumps down to the end of the /div:</p>
  
  <pre><code>    &lt;div class="class-name"&gt;
  
      &lt;/div&gt;*
  </code></pre>
  
  <p>I then have to hit "up" again, then "tab" and then it jumps to the position I want it to go. </p>
  
  <pre><code>    &lt;div class="class-name"&gt;
            *
      &lt;/div&gt;
  </code></pre>
  
  <p>Is there a more efficient way to create an element, open it up over a line or 2 and get my cursor inside of the element to add more code? </p>