Using CSS to rotate an input's value 90 degrees
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);

.form input[value="SUBMIT"] {
    height:1.5em;
    width:7em;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    font-size:1.5em;
}

<div class="button">
    <input type="submit" value="submit" />
</div>

.button{
/* write your style here*/
    background-color: #12E9F0;
    border: medium none;
    margin-right: 0;
    padding: 0.2em 0.6em;
}
.button input[type="submit"]{
    height:1.5em;
    width:7em;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    font-size:1.5em;
    border:0 none;
    background:none;
}

.form input[value="SUBMIT"] {
    -moz-transform: rotate(-90deg);
    font-size: 1.5em;
    height: 1.5em;
    position: absolute;
    top: 3.5em;
    width: 7em;
}