Как выровнять вводимый текст так, чтобы он находился в середине текстового поля ⇐ CSS

[Anonymous]

Я подумал, что будет лучше, если я изменю шрифт, который вводится в текстовое поле, но буквы не выровнены посередине.
Введите здесь описание изображения
Вместо этого буквы прилипают к центру верхний правый угол. Как мне это исправить? (Я не хочу центрировать буквы)
Css:

Код: Выделить всё

#textInput {
border-radius: 5px;
border-style: solid;
border-color: grey;
height: 20px;
width: 210px;
position: absolute;
font-family: MathGG;
font-size: 20px;
}

Html:

Код: Выделить всё

Я пробовал использовать

Код: Выделить всё

text-align: middle;

но это не сработало.

Подробнее здесь: https://stackoverflow.com/questions/792 ... e-text-box