javascript - CSS not working on textarea -

i'm new css - , js/jquery/asp.net etc, on big learning curve! :) - have following styling reason it's not working on textbox - missing simple here?

.label-wrapper {     position: relative;     min-width: 100px;     max-width: 600px;     height: 24px;     display:block;     margin-left: 10px;  }  .label-wrapper > label {     position: absolute;     left: 0;     width: 85px;     height: 50px; }  .label-wrapper > span {     position: absolute;     left: 0;     width: 190px;     height: 50px; }  .label-wrapper > button {     position: absolute;     left: 170px;     width: 300px; }  .label-wrapper > textarea {     position: absolute;     left: 170px; }  .label-wrapper > input[type=text] {     position: absolute;     left: 170px;     width: 250px;  } .label-wrapper > input[id=txtdatereceived] {     position: absolute;     left: 170px;     width: 100px;  }      .label-wrapper > input[id=txtdatereceivedtime] {     position: absolute;     left: 280px;     width: 70px;    } .label-wrapper > select {     position: absolute;     left: 170px;     width: 300px;     height: 24px; } 

see jsfiddle here > http://jsfiddle.net/eoykms9o/

i want click me button appear under notes area, preferably out of jobdetails div

thanks in advance

the simplest solution add 2 more <br /> tags in:

        <textarea id="txtnotes" rows="5" cols="50"></textarea>         </div>         <br />         <br />         <br />         <br />                     <div class='label-wrapper'>             <button id="testbutton2" type="button">                 click me</button>             <br />             <br />         </div> 

but sorry say, page on whole uses bad development techniques.

i know you're learning isn't way should building pages.

using absolute positioning means stuck wall notes on message board. should think of page more flow of 1 item below item below another.

check out bootstrap great starting point kind of thing.