html - 使两个 HTML 按钮并排显示

Question

好吧，我不太熟悉 HTML，或者它如何与 CSS 结合在一起。我一直在研究如何让两个 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>

​</p>

Answer 3

您也可以尝试将它们包装在表格标签中。这就是我解决类似问题的方法。桌子自动将它们并排放置。