Блог

Я использую этот код для пользовательского калькулятора на своем сайте, но когда он работает, кажется, что между частью I формы и частью II формы есть большая заполненная область.

Это довольно простой код. Я просто не могу пройти мимо широко открытой неиспользуемой области, используемой формой.

 <div align="center"><p>How many miles from Petersburg, Virginia are you?</p>
<form oninput="x.value= Math.round(a.value*b.value) (c.value*d.value)">
<input type="number" id="a" value="" maxlength="3">
<input type="hidden" id="b" value="0.60"><br>
<p>And, how many pages require a notary seal?</p><br>
<input type="number" id="c" value="" maxlength="3">
<input type="hidden" id="d" value="3"><br>
<i>Your quote:</i><font color="green"><big>$<output name="x" for="a b c d"></big></font></output></form></form>
</div>  

Эта строка здесь:

 <p>And, how many pages require a notary seal?</p><br>
  

у вас есть <p> и <br> . <p> Тег имеет верхнюю и нижнюю границы и является блочным элементом, поэтому он покрывает всю ширину. <br> добавляет дополнительное пространство, вызывая другой разрыв строки. Удалите <br> .