title: How to Alphabetize a CSS file in Vim
body: <p>I get a CSS file:</p>
  
  <pre><code>div#header h1 {
      z-index: 101;
      color: #000;
      position: relative;
      line-height: 24px;
      margin-right: 48px;
      border-bottom: 1px solid #dedede;
      font-size: 18px;
  }
  
  div#header h2 {
      z-index: 101;
      color: #000;
      position: relative;
      line-height: 24px;
      margin-right: 48px;
      border-bottom: 1px solid #dedede;
      font-size: 18px;
  }
  </code></pre>
  
  <p>I want to <strong>Alphabetize</strong> lines between the <strong>{...}</strong></p>
  
  <pre><code>div#header h1 {
      border-bottom: 1px solid #dedede;
      color: #000;
      font-size: 18px;
      line-height: 24px;
      margin-right: 48px;
      position: relative;
      z-index: 101;
  }
  
  div#header h2 {
      border-bottom: 1px solid #dedede;
      color: #000;
      font-size: 18px;
      line-height: 24px;
      margin-right: 48px;
      position: relative;
      z-index: 101;
  }
  </code></pre>
  
  <p>I map <kbd>F7</kbd> to do it</p>
  
  <pre><code>nmap &lt;F7&gt; /{/+1&lt;CR&gt;vi{:sort&lt;CR&gt;
  </code></pre>
  
  <p>But I need to press <kbd>F7</kbd> over and over again to get the work done.<br>
  If the CSS file is big, It's time-consuming &amp; easily get bored.<br>
  I want to get the cmds piped. So that, I only press <kbd>F7</kbd> once!<br>
  Any idea? thanks!</p>