这是由空格引起的。改成

<label>Title</label><select name="title">

你会看到差距消失了。

如果你真的想保持你的行分开，你可以使用注释，如下所示，或者移动结束标签的 >：

   <label>Title</label
        ><select name="title">

我认为这两种解决方案都不是很好，您只是在浪费带宽发送您不想要或不需要的空白。

那是因为在 和 之间有一个换行符和一个制表label符select。如果将标签放在同一行并删除标签，则间隙将消失。

↪在 JSFiddle 上查看

HTML 的一个特性是所有空白都被同等对待。任何空白字符序列都被视为单个空格。

（引用自：http: //www.maproom.co.uk/invis1.htm）

为了防止在保持缩进的同时出现间隙，您可以使用以下任一技巧：

1. 将标签>的移动label到下一行。尽管这是有效的 HTML，但这可能会令人困惑，而不是您想要的。
2. 注释掉标签之间的空白（通过将其放在<!--和之间-->）。
   这两种选择都在浪费带宽。
3. 在服务器端编程语言的标签之间放置空格，例如<?php /*whitespace*/ ?>. 这可能会导致服务器负载的低增加。

所有这些选项都令人困惑，可能不是您想要的，所以我建议您简单地省略空格。

不

尝试删除

padding-right: 7px; 

在 CSS

这确实是诀窍

.FormStyle label {
 display: inline-block; 
 width: 130px;
 text-align: right;
 padding-right: 0;
 margin: 0;
 font-size: 11px;
 color: #666;
 font-weight: bold;
}