выровнять шрифт в середине текстового поля

Question

У меня есть текстовое поле с подсказкой jquery. Как сделать так, чтобы шрифт был посередине. я попытался выровнять по вертикали: середина, но не работает.

<style type="text/css">
#name { 
    border: 1px solid #c810ca;
    height: 27px;
}


input[type=text].hint{ 
color: #fff;
 font-size: 11px;
    font-family: "times new roman";
}

input[type=text]{
    font-size: 13px;
  color: #fff;
    font-family: "times new roman";
}

текстовое поле формы

<div id="name">

                 <input name="name" type="text" id="name" title="insert here"/>

               </div>

Answer 1

Если запись - это одна строка текста, вы можете использовать line-height для вертикального выравнивания: по центру. Текст центрируется, когда line-height и height имеют одинаковую высоту. Например:

http://jsfiddle.net/tMbQP/

Answer 2

Вы можете просто явно установить высоту и ширину ввода (в CSS). Это гарантирует, что он останется неизменным независимо от размера шрифта.