ユーザーに住所の入力を求めるテキストボックスが少し複雑です。ボックスの最初のセットと 2 番目のセットの間のギャップは大きいですが、CSS が同一で同じ数の を使用しているにもかかわらず、他のボックスにはギャップがありません<br/>
。
<legend>Address</legend>
<input type="text" value="First Name" name="custfirst" size="9" required="required"/>
<input type="text" value="Last Name" name="custlast" size="9" required="required"/><br/>
<input type="text" value="Number" name="addnumber" size="6" required="required"/>
<input type="text" value="Street Name" name="addstreet" size="12" required="required"/><br/>
<input type="text" value="Country" name="addcount" size="9" required="required"/><br/>
CSSに関しては:
input[type=text]{
margin-bottom: 0.5em;
}
実際の結果は次のとおりです。
結果 http://img850.imageshack.us/img850/3549/qtlr.png
私のブラウザ(Nightly)のせいかなと思いましたが、他のブラウザも試してみて、他のPCでもページを閲覧させてしまいました。これはおそらく非常にばかげた質問ですが、私はこの 20 分間、頭を悩ませてきました。後で戻るよりも、今解決したいと思っています。