input要素を中央揃えにする
結論
inputタグをdivタグなどで囲む。
その上で、divタグに対してtext-align:center
を指定する。
.center { text-align:center; }
<div class='center'> <input type='text'></input> </div>
成り行き
input要素に直接text-align:center
を指定しても効かなかったため。
(以下のCSSではテキストボックスが親要素に対して中央揃えにならない)
input { text-align:center; }