title: textarea label vertical-align: middle
body: <p>I'm trying to align the label for this text area in the middle of the text box, but it just isn't working. The output looks something like this:</p>
  
  <pre><code>          xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx      
            xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
            xxxxxxxxxxxxxxxxxxxxxxxxxxxxx    
  Synopsis: xxxxxxxxxxxxxxxxxxxxxxxxxxxx
  </code></pre>
  
  <p>Here's the code I've been trying. TY!</p>
  
  <pre><code>&lt;style&gt;
  label textarea{
   vertical-align: middle;
  }
  &lt;/style&gt;
  
  &lt;label&gt;Synopsis: &lt;textarea style="border: none" rows="7" cols="60"&gt;$v_Synopsis&lt;/textarea&gt;&lt;/label&gt; 
  </code></pre>