title: HTML textarea margin
body: <p>When I add a margin to an HTML <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea" rel="nofollow noreferrer">&lt;textarea&gt;</a> that has 100% width, the margin is properly applied to the left side, but the entire textbox is shifted to the right and extends of the parent container.</p>
  <p>See this <a href="http://jsfiddle.net/tTnCd/" rel="nofollow noreferrer">JSFiddle</a> as an example:</p>
  <pre><code>&lt;textarea style=&quot;width: 100%; height: 100%; margin: 10px;&quot;&gt;tyjyjyj&lt;/textarea&gt;
  </code></pre>
  <p>As you can see, the textarea extends past the right side instead of expanding to the 10 pixels margin. Is there a way to fix this?</p>
  <p>The only way I can think of is by manually adjusting the size with JavaScript, but there must be another way.</p>