Html 清除<；李>；标签

我实际上有一个菜单，有3个链接和1个搜索栏

代码如下所示：

<ul class="menu">
    <li><a href="#">Menu1</a></li>
    <li><a href="#">Menu2</a></li>
    <li><a href="#">Menu3</a></li>
    <li><input type="text" name="search" id="search"/><a href="#">Search</a></li>
</ul>

.menu{
padding: 13px 0 13px 0;
display: inline;
}

.menu li input{
padding: 2px 0 2px 0;
display: inline;
}

---

如果您想在.menu中针对特定输入，可以针对

.menu li input

，如下所示：

<ul class="menu">
    <li><a href="#">Menu1</a></li>
    <li><a href="#">Menu2</a></li>
    <li><a href="#">Menu3</a></li>
    <li><input type="text" name="search" id="search"/><a href="#">Search</a></li>
</ul>

.menu{
padding: 13px 0 13px 0;
display: inline;
}

.menu li input{
padding: 2px 0 2px 0;
display: inline;
}

您可以将

.menu li input

中的属性（如填充/边距）更改为适合您的任何属性，而不会影响其他元素

---

jshiddle这里-。

这就是你要找的吗

HTML

---

请也张贴你的CSS。为什么输入后会有空的锚定标记？其实没关系，我只是编辑了一下。链接不是问题。我的菜单项是内联的。最后一项是搜索框。问题是，当我在li标签中插入搜索框时，一切都变得一团糟。因为文本框的填充将与容器菜单的填充相同。所以我想清除textbox的li标记的空白并重写它。@user1406071您看到我的jsFiddle了吗？在我给出的两个CSS类中，您可以将边距/填充更改为任意值。我不明白到底什么是“乱七八糟”的，因为我觉得它不是很乱七八糟——你能给我一张你想要的图片吗。

.menu li input{
padding: 2em;
margin: 2em;
}