2つのHTMLボタンを並べて表示する

Question

さて、私はHTMLやそれがCSSと一緒になる方法についてよく知らない。私は、2つのHTMLボタンを並べる方法について全面的に検討してきました。ここに私が現在使っているコードがあります。

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

私はそれらを互いの直後に置いても、それらの前に位置合わせしても問題ありません。私は彼らがお互いの隣に行くように見えることはできません。私は簡単に、詳細な方法で、私を助けてくれる人がいることを願っています。

Answer 1

私が正しくあなたを理解していれば、あなただけの次のCSS添付することができます：ここに示されているように

form { 
    display: inline; 
} 

を：http://jsfiddle.net/zcz3j/

Answer 2

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

あなたは可能性がありまた、それらを表のタグでラップしてみてください。それで私は似たような問題を解決しました。テーブルは自動的にそれらを並べて設定します。