Untitled

How can I change text-align with Greasemonkey?

<div class="btn_gonder" id="ContentPlaceHolder1_btnform">

              <input border="0" type="image" style="height:36px;width:97px;" src="../style/images/btn_gonder.png" alt="Gönder" id="ContentPlaceHolder1_ImageButton1" name="ctl00$ContentPlaceHolder1$ImageButton1"></div>

       

.select_container .btn_gonder {

    float: left;

    height: 36px;

    text-align: right;

    width: 304px;

}

       

<div class="btn_gonder" id="ContentPlaceHolder1_btnform">

              <input border="0" type="image" style="height:36px;width:97px;" src="../style/images/btn_gonder.png" alt="Gönder" id="ContentPlaceHolder1_ImageButton1" name="ctl00$ContentPlaceHolder1$ImageButton1"></div>

       

<script>

window.onload=allign;

function allign(){

document.getElementById('ContentPlaceHolder1_btnform').style.text-align='left';

}

</script>

       

window.addEventListener ("load", alignFormText, false);

 

function alignFormText () {

    var theForm = document.getElementById ('ContentPlaceHolder1_btnform')

 

    theForm.style.textAlign = 'left';

}

       

document.getElementById('ContentPlaceHolder1_btnform').setAttribute("style", "text-align: left;");