Haciendo que dos botones HTML vayan uno al lado del otro

Question

De acuerdo, no estoy muy familiarizado con HTML, o cómo se combina con CSS. He estado buscando cómo hacer que dos botones HTML vayan uno al lado del otro. Aquí está el código que estoy usando actualmente.

<FORM METHOD="LINK" ACTION="LINK TO WEBSITE" target="_blank"> 
    <input type="submit" value="Forum Home Page"> 
</FORM> 
<FORM METHOD="LINK" ACTION="LINK TO A DIFFERENT WEBSITE" target="_blank"> 
    <input type="submit" value="Skill Guides"> 
</FORM> 

No importa si las pongo una detrás de la otra o si pongo una alineación enfrente de ellas. Parece que no puedo hacer que vayan uno al lado del otro. Espero que haya alguien que pueda, de manera fácil y detallada, ayudarme.

Answer 1

Si he entendido bien, sólo puede adjuntar el siguiente CSS:

form { 
    display: inline; 
} 

Como se muestra aquí: http://jsfiddle.net/zcz3j/

Answer 2

demostración http://jsfiddle.net/satinder_singh1/wr4Xv/1/

<div id="main"> 
<div class="floatdiv"><FORM METHOD="LINK" ACTION="LINK TO WEBSITE" target="_blank"> 
    <input type="submit" value="Forum Home Page"> 
</FORM></div> 
<div class="floatdiv"> 
<FORM METHOD="LINK" ACTION="LINK TO A DIFFERENT WEBSITE" target="_blank"> 
    <input type="submit" value="Skill Guides"> 
    </FORM></div></div>​ 

<style type="text/css"> 
    #main 
    { 
    position:relative; 
     width:200px; 
    } 

    .floatdiv 
    { 
    float:left; 
     width=80px 
    } 
</style> 

Answer 3

Usted podría también intente envolverlos en una etiqueta de tabla. Así es como arreglé mi problema similar. La mesa los establece automáticamente uno al lado del otro.