Javascript – Align text of textarea left

csshtmljavascript

I little problem but I can't resolve it, so I have a textarea and I want to align the text who is inside left, my code is :

 <textarea
     rows="3"
     cols="25"
     id="{{ form_add_gift.description_article.name }}"
     name="{{ form_add_gift.description_article.name }}"
     style="padding: 0px !important; margin: 0px !important;text-align: left;"
     class="form-control"
     required="required">
     {{ form_add_gift.description_article.value|trim }}
</textarea>

The texarea look like this :
Please help me!! Thx in advance

enter image description here

Best Solution

It's just because your _______{{ form_add_gift.description_article.value|trim }} contains too many spaces at the beginning.

Simply remove the white spaces.