Displaying 2 Form Buttons next to each other in hidden div

Question

I'm looking to have 2 buttons for forms that do 2 different actions when clicked shown next to each other

This is best explained on the following link:

http://jsfiddle.net/pfeHA/1/

The code involved is:

<div id="question" style="display:none; margin:0px;">
<form action="DoAction1" method="get">
<input type="submit"  value="Action1">
</form>
<form method="post" action="DoAction2">
<INPUT TYPE="submit" value="Action2">
</form>
</div>

This causes the buttons to display under each other, as shown by the link: http://jsfiddle.net/pfeHA/1/

Any help appreciated, thanks!

Answer 1

add this in your CSS -

form{ display: inline-block; }

Working Fiddle