HTML+CSS+JavaScript

Столкнулся с такой проблемой, допустим ввожу элемент формы text <input type="text">, так вот если не заключать его в <form></form>, то оно занимает одно пространство, а если заключить, то на одно <br> больше. Пример:

<fieldset style="background-color: red">   <form name="forma1">     <input type="text">   </form> </fieldset>

и другое пространство тоже самое будет занимать если вынести </form> за </fieldset>

<fieldset style="background-color: red">   <form name="forma1">     <input type="text"> </fieldset>   </form>

Подскажите пожалуйста пути решения, кроме того что перенести все </form> в конец страницы.

Назначить стили CSS padding и margin равными нулю.

Спасибо!

<form name="forma1" style="margin: 0em; padding: 0em ">

все получилось!
только не понял чем отличаются padding от margin?

Грубо говоря, padding - внутренние поля страницы, margin - внешние :)

На примере кнопки - padding - отступ value кнопки от ее границ, margin - расстояние кнопки от соседнего элемента в html странице

А еще, padding - с английского означает "добавление", а margin - "поле", а вот совместо будет означать как "добавление внешнего поля вокруг" )

а если учесть, что они выполняют разные ф-ии (частично), то я не думаю что их стоит употреблять в одном предложении))

Ну да, это я просто к тому, какое значение получается, если так, и так )) Потому по отдельности получается все логично - padding, это добавление области внутри, а margin - это тоже добавленная область, но уже внешняя.

Посмотрите на иллюстрацию блочной модели элемента.

Спасибо,всем.Терепь точно буду знать куда что надо вставлять! ;-)