title: HTML textarea curson indented for some reason
body: <p>I need the cursor justified to the left.  For some reason its indented when rendering on the page:</p>
  
  <pre><code>             &lt;td&gt;
           You have &lt;strong&gt;&lt;span id="commentsCounter"&gt;${const['COMMENT_MAX_LENGTH'] - fn:length(commentForm.comment)}&lt;/span&gt;&lt;/strong&gt; characters left.&lt;br/&gt;
              &lt;textarea id="comment" name="comment" rows="2" cols="125" style="width:395px;"
                   onkeypress="characterCounter('commentsCounter',${const['COMMENT_MAX_LENGTH']}, this)"
                   onkeydown="characterCounter('commentsCounter',${const['COMMENT_MAX_LENGTH']}, this)"
                   onkeyup="characterCounter('commentsCounter',${const['COMMENT_MAX_LENGTH']}, this)"&gt;
                &lt;/textarea&gt;
  
                      &lt;a href="javascript:addComment();"&gt;&lt;img src="../images/icon_add.gif" border="0" alt="Add"/&gt;&lt;/a&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/Q1b3Y.jpg" alt="enter image description here"></p>
  
  <p>thanx for the help</p>