Maintaining a padding inside of text-area

Question

Inside of my textarea, I wish to maintain a padding of 30px from the top.

textarea {
    display: block;
    width: 300px;
    height: 50px;
    padding-top:         


        

Answer 1

I would remove all styling from the text area, and wrap it in a div that looks like a text area

.wrapper { 
  border: 1px solid #aaa; 
  padding-top: 30px; 
}

textarea { padding: 0 }

You might have to fiddle about with border radius etc, but that would maybe do it