title: Add top margin to textarea in a div
body: <p><a href="http://jsfiddle.net/3j24hrgf/1/" rel="nofollow">http://jsfiddle.net/3j24hrgf/1/</a></p>
  
  <pre><code>&lt;div class="note"&gt;
      &lt;textarea rows="4"  placeholder="Your note's text here"&gt;&lt;/textarea&gt;
  
  &lt;/div&gt;
  
  .note {
      background-color: green;
      width: 500px;
      height: 500px;
  }
  textarea {
      width: 80%;
      display: block;
  
      margin-left: auto;
      margin-right: auto;
      resize: none;
      background-color: transparent;
      border: dashed 2px;
      padding: 5px;
      font-family: 'Rancho', Helvetica, sans-serif;
      font-size: 30px;
  }
  </code></pre>
  
  <p>I made a horizontally centered textarea in a div, but I can't seem to manipulate the vertical position. Adding a margin-top will push the whole div down instead of the textarea itself.</p>