Làm hai nút HTML đi cạnh nhau

Question

OK, tôi không quen thuộc với HTML, hoặc cách nó đi kèm với CSS. Tôi đã xem xét tất cả về cách làm cho hai nút HTML đi song song. Đây là mã tôi hiện đang sử dụng.

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

Không có vấn đề gì nếu tôi đặt chúng ngay sau mỗi khác hoặc đặt mặt trước thẳng hàng của chúng. Tôi dường như không thể khiến họ đi cạnh nhau. Tôi hy vọng có ai đó có thể dễ dàng và một cách chi tiết, giúp tôi.

Answer 1

Nếu tôi hiểu bạn một cách chính xác, bạn chỉ có thể đính kèm CSS sau đây:

form { 
    display: inline; 
} 

Như đã trình bày ở đây: 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

Bạn có thể cũng thử gói chúng trong một thẻ bảng. Đó là cách tôi đã khắc phục vấn đề tương tự của mình. Bảng tự động đặt chúng cạnh nhau.