Используя <input type = "text" /> выровнять текст по вертикали?

Question

По какой-то причине один из моих входов ведет себя странно.Я применяю общие CSS для всех своих входных данных

.text-input {
    padding: 6px 10px;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 330px;
    border-bottom: 1px solid #000;
}

и применяю этот конкретный CSS для одного конкретного div, чтобы сделать его более высоким

#letter {   
    height: 100px;
}

По какой-то причине, когда я фокусируюсь на вводе # письмаи начало ввода текста появляется в середине по вертикали, я не знаю, что вызывает проблему, но вот моя страница, если вы сосредоточитесь на вводе «сообщения», вы поймете, что я имею в виду (проверено в chrome).

http://freshbeer.lv/development/en/contact.php

Answer 1

Для этого следует использовать элемент текстовой области.

<textarea></textarea>

Answer 2

Возможно, вы хотите использовать textarea вместо этого? input type="text" только одна строка.