Css 删除文本周围的额外填充

我有一个

div

。我试着在文本5px周围填充-不多也不少-但是有一些额外的空格被扔进去了，就像我的浏览器在嘲笑我徒劳地试图让它做我想做的事情一样

以下是我正在使用的CSS： 这是我的HTML：

排序方式：
顾客
搜索客户：

（顺便说一下，

输入

和

选择

字段没有进行样式设置。）

这是我在浏览器窗口中得到的输出 （通过Chrome的开发者控制台突出显示，让您了解额外的间距）：

等等，发生什么事了？我周围有5倍的填充物，然后这种奇怪的内部填充物继续存在。我在一个图像编辑器中测量了它，额外的填充或我应该称之为的任何东西都是额外添加了8px的填充，顶部和底部

我认为这可能是一个

行高问题，所以我将其设置为0。什么也没变。尝试将其设置为负数。也不管用；事实上，Chrome不想与此相关，并给了我一个错误

那么这些额外的东西在这里干什么？它有名字吗？我能缩小它吗？我希望这些字母周围有5倍的空间，而不是13倍的空间

感谢您的帮助-提前感谢。
请尝试从
元素中删除任何
边距

select {
    margin: 0;
}

这也可能是由于不可见的文本节点。如果需要像素精度，请尝试删除HTML中的所有空白：

<div>Sort By:<select>
    <!-- in here whitespace won't matter -->
    <option>Customer</option>
</select>Search Customer:<input type="text"></div>

排序依据：
顾客
搜索客户：
表单元素可能正在扩展包含元素。这很难说，因为你因为某种原因没有把它们包括在你的截图中

如果在
div
上设置
overflow:hidden
，则可能会看到此行为停止。当然，你可能不想要这个；您最好尝试手动设置这些表单元素的高度，并确保它们设置了
边距：0
。
尝试添加：

body{
    margin:0px !important;
    }

我知道这听起来可能很疯狂，但是——div的css——上面有div吗？由于css也将应用于此…感谢您提出的好问题。虽然这可能有点友好！您使用的是哪种浏览器（和版本）？我使用的是Chrome11，但结果显示，文本输入只是稍微扩展了一下。愚蠢，我知道，没错。导致问题的是输入字段。哎呀。我甚至不知道为什么我没有注意到这一点。谢谢你的快速帮助！。。这样做会影响页面上的每个元素吗？
<div>Sort By:<select>
    <!-- in here whitespace won't matter -->
    <option>Customer</option>
</select>Search Customer:<input type="text"></div>

body{
    margin:0px !important;
    }