title: How to increase the text area in an input box in html/css?
body: <p>I have a <a href="https://jsfiddle.net/Lbu1fbst/9/" rel="nofollow noreferrer">fiddle</a> in which I am trying to make the input box bigger. </p>
  
  <p>I was able to make it bigger but for some reasons <code>the writing cursor starts from the middle of a box whereas I want it to start from the extreme top-left of the input box</code> so that I can write more content in it similar to <a href="https://www.quackit.com/html/codes/html_text_box_code.cfm" rel="nofollow noreferrer">this</a>. </p>
  
  <p>The CSS which I am using to make the input box bigger is:</p>
  
  <pre><code>input 
  {
      padding: 3px;
      width: 320px;
      height: 120px;
  }
  </code></pre>
  
  <p>I am not sure what changes do I need to make in my HTML (in the fiddle) and CSS for the writing cursor to start from the extreme left in the input box. </p>