html - 菜单格式 HTML

Question

我正在尝试为我的网站创建一个菜单栏。这就是我所在的地方。

我想让快速搜索文本框移动到菜单栏的右侧。这是我的菜单栏代码。

<div id="menu">

    <ul>
    <li><a href="default.php">Home</a></li>
    <li><a href="search.php">Quote</a></li>
    <li><a href="history.php">History</a></li>
    <li><a href="lookup.php">Lookup</a></li>
    <li><form id="quickquote" method="get"> <input type="text" size="15" name="symbol" />
        <input type="submit" value="Quote" onClick="quickquote.action='search_get.php';"/> </form> </li>

    </ul>
    </div>

我也想知道为什么我的菜单栏上方有一个白色 strip ，即使我将边距设置为 0px。这是我的样式表。

ul
{
position:relative;
list-style-type:none;
background-color:#31A8FF;
overflow:hidden;
margin:0px;
}

li 
{
float:left;
font-size:12pt;
text-align:center;
margin:5px;
}

如何去掉菜单栏上方的白色 strip 以及如何将快速搜索框移到右侧？谢谢

Answer 1

向右移动:

#quickquote {
float: right;
}

去除白色条纹:

body {
margin: 0;
padding: 0;
}