title: Displaying Label Inside Text-area
body: <p>I want to make a square shape text area of fixed size.The label of the text-area will be inside the text-area as shown in the picture below.This heading will always be displayed.It will not dissapear on entering text inside the text area like a placeholder.</p>
  
  <p>I tried it in this fiddle <a href="http://jsfiddle.net/jwB2Y/2/" rel="nofollow noreferrer">http://jsfiddle.net/jwB2Y/2/</a> but was not able to place it inside the text-area..</p>
  
  <p>The CSS code..</p>
  
  <pre><code>      label 
        { 
           float: top; 
           width:120px;
           padding:10px 10px;
           font-weight:bold;
        }
  </code></pre>
  
  <p>The Desired Output..</p>
  
  <p><img src="https://i.stack.imgur.com/3rqDP.png" alt="Desired Output"></p>