Html 我怎样才能使我的表格只占用有限的空间？

HTML代码

<ul id="cool">
    <li>
        <form action="/send.php" method="post">
            <p id="submit">XYZ
                <select name="server">
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="2">2</option>
                </select>
                <br />
                <br />Nickname
                <input type="text" name="Nickname" maxlength="16" required="required" autofocus="autofocus" />Email
                <input type="email" name="Email" maxlength="254" required="required" />
                <input type="submit" value="Sumbit">
            </p>
        </form>
    </li>
</ul>

因此，在尝试使用：hover为代码添加背景后，我注意到表单宽度在居中时在整个页面上扩展。我尝试在ul{}中使用宽度，但这将我的表单放置在左侧。 所以我的问题是，如何使表单不在整个页面上展开

---

请原谅我的代码，我只是一个初学者，我能为您提供的任何其他帮助请告诉我。

ul

默认是一个

块

级元素，它会占用页面上的整个水平空间，所以您需要为

ul

元素分配一些

固定的

，然后使用

margin:auto

将

表单居中

ul {
    list-style-type: none;
    width: 250px; /* Approximately */
    margin: auto;
}

与在标签和ul上应用css不同，您应该尝试为表单提供一个id，然后在该id上应用css。至于eg

<form action="/send.php" method="post" id="submit">
  <p>
    XYZ
 <select name="server">
     <option value="1">1</option>
     <option value="2">2</option>
     <option value="2">2</option>
     </select> <br /> <br />
  Nickname
     <input type="text" name="Nickname" 
     maxlength="16" required="required" autofocus="autofocus" />
     Email
    <input type="email" name="Email"
    maxlength="254" required="required" />
    <input type="submit" value="Sumbit">
    </p>
    </form>

希望它能起作用。
您也可以使用“%”而不是“px”。
在表单elementI added width:125px上使用css样式；但这将我的表单放在左边。Offtopic，但是您缺少一个
}
来关闭CSS中的
#submit
；保证金：0自动谢谢，这就解决了问题。编辑：我必须等5分钟才能接受你的答案。答案很好，但一定要使用
margin:auto居中，因为CSS中没有任何
align
属性：）
<form action="/send.php" method="post" id="submit">
  <p>
    XYZ
 <select name="server">
     <option value="1">1</option>
     <option value="2">2</option>
     <option value="2">2</option>
     </select> <br /> <br />
  Nickname
     <input type="text" name="Nickname" 
     maxlength="16" required="required" autofocus="autofocus" />
     Email
    <input type="email" name="Email"
    maxlength="254" required="required" />
    <input type="submit" value="Sumbit">
    </p>
    </form>

   #submit
   {
    width: 150px;
    align:center;
   }