第一个字符在文本框中缩进

Question

我有以下代码，其中包含一个文本框，样式为id = #txtarea。它在id = #newtext

的另一个div中

<div id="newtext">
<p>Enter Your Text Into the Box</p>
<textarea rows="4" cols="50" id = "txtArea"  > </textarea>
</div>

相关的CSS是：

#newtext {margin-top:300px;text-align:center;font-size:60px;padding:10px;margin- 
left:20px;margin-right:20px}
#txtArea {font-size:30px}

代码效果很好，除了当我在文本框中输入文本时，第一个单词缩进一个空格。有没有办法解决这个问题？谢谢。

Answer 1

在标记中删除此空格。textarea元素标记之间的任何内容都呈现为文本，因此空格被评估为间距文本。

<textarea rows="4" cols="50" id="txtArea"> </textarea>
                                          ^       

Working Example