css - HTML form cursor position is in the middle -

for reason when form displays, text content aligned half way vertically. i'm not sure why? i'm using sinatra on ruby.

html:

<form action="/create" method="post">   <h1>arrays:</h2><br>   <input type="text" name="file" value="<%= @contents1 %>" id="form"> </form>

css:

#form {   width: 100%;   height: 120px;   border: 3px solid #cccccc;   padding: 5px;   font-family: calibri, sans-serif;   font-size: 12px; }

it's because <input type='text'> designed deal single line of text. did mean use <textarea> instead?

EXIT