css - マージンが0pxに設定されている場合、どうしてマージンが発生する可能性がありますか

Question

以下のコードを参照してください。

HTML

<input class="input-form" type="text">
<input class="input-form" type="password">
       ​

CSS

.input-form{
    width:250px;
    height:30px;
    border: 2px solid red;
    margin:0px;
}

JSFIddle-> http://jsfiddle.net/TypYn/

私の問題：マージンを0pxに設定したのに、2つの入力の間にマージンがある理由がわかりません。よろしくお願いします。乾杯。マーク

Answer 1

問題は、HTMLが改行をスペースとして解釈することです。HTMLを次のように変更するだけです。

<input class="input-form" type="text"><input class="input-form" type="password">