空白が原因です。への変更

<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*/ ?>. これにより、サーバーの負荷がわずかに増加する可能性があります。

これらのオプションはすべて紛らわしく、おそらくあなたが望むものではないので、空白を単に除外することをお勧めします.