title: How to keep text aligned with the middle of a textarea?
body: <pre><code>&lt;html&gt;
  &lt;body&gt;
  
  This should be level with the middle of the box!
  &lt;textarea id="id" name="name" rows="9" cols="50"&gt;Text is in here!&lt;/textarea&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><a href="http://gyazo.com/a62b9cadfb7732247917066da381d75c.png?1346011178" rel="nofollow">Picture of what this ends up looking like</a>.</p>
  
  <p>How do I make it so that the text to the left of the box stays level with the middle of the box, even if it's being dragged around? Can it be done with CSS, or will it require Javascript?</p>