Text style inside textarea

Question

I work in this form, which has this design:

I'm at this stage right now, so I'm working on small details:

Because you can see that "Your text ..." is attached to the upper left corner of the text box. I am trying to find a way to manipulate this with CSS, if possible. I just need to apply some marker / padding to the text inside the text box. If this is not possible with CSS, I am open to suggestions.

How to manipulate through CSS text inside a text box ???

Answer 1

You can use the CSS padding property:

 textarea { padding: 5px; } 

Answer 2

 textarea { padding: 5px; box-sizing: border-box; } 

NOTE. Window size is a CSS3 property. This is very useful because without it, the width: 100% or the other will not work as you expected.

Answer 3

You can use CSS to create the desired effect.

 textarea { padding : 20px; margin : 10px; } 

http://jsfiddle.net/SSY9y/

Answer 4

Yes, the addition from CSS applied to textarea is correct. But then you need to change the "rows" and "cols", as the dimensions of the entire text field change.

Thanks!

Dani

Answer 5

You can use the following code:

 line-height: _px; 

enter the same text box height.