Two different submit buttons on the same line

Question

I have two submit buttons part of two different forms. They are being displayed on two different lines. Is it possible to have them, side by side on a single line.

<form action="" method="POST">
        <input type="submit" name = "" value="OK" >
                    </form> 
<form action="" method="POST">
        <input type="submit" name = "" value="Cancel" >
                    </form>

Answer 1

Sure. Use the following CSS:

form { float: left; }

or

input { float: left; }

Answer 2

The other way is to change the css properties for the form tags:

form { display: inline; }

Example: http://jsbin.com/omene3/2/edit

Answer 3

<div style="float: left; width: 130px"> 
<form id="thisone" action="post_nrs_users.asp" method="post">
    <input type="submit" name = "" value="OK" >
</form>
</div>
<div style="float: right; width: 225px"> 
    <form id="thistoo" action="post_nrs_users.asp" method="post">
     <input type="submit" name = "" value="Cancel" >
    </form>
</div>