whats the problem in my calculator css writing
<!doctype html> <html> <head> <script> function insert(num){ document.form.textview.value=document.form.textview.value+num } </script> <style> *{ margin: 0; padding:0; } .button { width: 50; height: 50; font-size: 25; margin: 2; cursor: pointer; } .textview { width: 217; margin: 5; font-size: 25; padding: 5; } </style> </head> <body> <div class="main"> <form name="form"> <input class="textview"> </form> <table> <tr> <td><input class="button" type="button" value="C"></td> <td><input class="button" type="button" value="^"></td> <td><input class="button" type="button" value="/"></td> <td><input class="button" type="button" value="*"></td> </tr> <tr> <td><input class="button" type="button" value="7"></td> <td><input class="button" type="button" value="8"></td> <td><input class="button" type="button" value="9"></td> <td><input class="button" type="button" value="-"></td> </tr><tr> <td><input class="button" type="button" value="4"></td> <td><input class="button" type="button" value="5"></td> <td><input class="button" type="button" value="6"></td> <td><input class="button" type="button" value="+"></td> </tr><tr> <td><input class="button" type="button" value="1"></td> <td><input class="button" type="button" value="2"></td> <td><input class="button" type="button" value="3"></td> <td><input class="button" type="button" value="="></td> </tr> </table> </div> </body> </html> (the "textview" and the "button" is not working on the <style> attribute I