Tworzenie dwóch przycisków HTML idą obok siebie

Question

Dobra, nie jestem zbyt obeznany z HTML-em ani z CSS. Rozglądałem się, jak zrobić dwa przyciski HTML obok siebie. Oto kod, którego aktualnie używam.

<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> 

Niezależnie od tego, czy umieściłem je tuż po sobie, czy też ustawiłem przed nimi wyrównanie. Nie mogę zmusić ich, aby szli obok siebie. Mam nadzieję, że jest ktoś, kto może w łatwy i szczegółowy sposób pomóc mi.

Answer 1

Jeśli rozumiem zostanie poprawnie, można po prostu dołączyć następujące CSS:

form { 
    display: inline; 
} 

Jak pokazano tutaj: http://jsfiddle.net/zcz3j/

Answer 2

Demo 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

Mogłabyś spróbuj też zawinąć je w znacznik tabeli. Tak naprawiłem podobny problem. Tabela automatycznie ustawia je obok siebie.