怎么能让文字显示在文本框的中间，而不是从文本框的顶头开始显示？？？

Question

<script language="javascript" type="text/javascript">
function fn(id){
    var a=document.getElementById(id);
    
        var txt=a.innerText;
        a[i].innerHTML="<input type='text' value="+txt+">";
    
}
</script>我想双击表格中的某一行，就触发function　fn（）；同时把这一行的id传给function　fn　（）；然后这一行的数据就变成出现在文本框里，功能是实现了，但是文字出现在文本框里以后就向左串了，因为文字从文本框顶头开始显示，不是从文本框中间开始显示，怎么能让文字不动呢？？？

Answer 1

<input type="text" style="text-align:center">