制作两个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>

Answer 3

您也可以尝试将它们包装在表格标签中。 这就是我修复类似问题的方法。 该表自动并排设置。