html - 如何在 HTML 中制作内联按钮

Question

<ul style="margin-top: 1pt" id="navlist">
<li style="list-style: none;">
    <FORM METHOD="LINK" ACTION="Home.html">
       <INPUT TYPE="submit" VALUE="Home">
    </FORM>
    <FORM METHOD="LINK" ACTION="Rooms.html">
        <INPUT TYPE="submit" VALUE="Rooms">
    </FORM>
    <FORM METHOD="LINK" ACTION="Contacts.html">
        <INPUT TYPE="submit" VALUE="Contacts">
    </FORM>
</ul>

我不能让它们都在同一行或让它们按水平顺序排列有什么想法吗？

Answer 1

基本上，li 是按 block 显示的。您需要为 li 声明特定的 CSS 规则:

li, form{
display:inline;
}

更新:

正如 Mr.Alien 所说，首先检查您的 HTML 语法。写这样的东西:

<ul style="margin-top: 1pt" id="navlist">
    <li style="list-style: none;">
        <FORM METHOD="LINK" ACTION="Home.html">
           <INPUT TYPE="submit" VALUE="Home">
        </FORM>
</li>
<li style="list-style: none;">
        <FORM METHOD="LINK" ACTION="Rooms.html">
            <INPUT TYPE="submit" VALUE="Rooms">
        </FORM>
</li>
<li style="list-style: none;">
        <FORM METHOD="LINK" ACTION="Contacts.html">
            <INPUT TYPE="submit" VALUE="Contacts">
        </FORM>
</li>
    </ul>