Форматирование HTML-контейнера

Question

Я спрашиваю, как убрать пространство, которое присутствует в контейнере, из заголовка в верх контейнера и из нижней части контейнера в верхнюю часть кнопок. Спасибо

Прикреплены изображения для поддержки

CSS

Выход

Answer 1

Измените поле на 0, где вы хотите убрать пробел между двумя элементами. Вы можете использовать,

margin-top:0; 
margin-bottom:0; 
margin-left:0; 
margin-right:0; 

для изменения поля разных сторон.

Answer 2

Это margin (пространство вокруг внешней стороны элемента) и отступ (пространство вокруг внутренней части элемента), которые все уровень блока элементы имеют. Вы можете удалить их с помощью CSS. Поля и отступы - это важные понятия, которые необходимо понимать, поскольку они являются частью CSS Box Model , которая определяет расположение элементов на вашей веб-странице.

В приведенном ниже примере (в первом fieldset) вы заметите, что нет никакого дополнительного пространства над и под <h1> или вокруг внутренних краев fieldset, как во втором примере :

#test1 { padding:0; } /* No space around inside edge of first fieldset */
#test1 h1 { margin-top:0; margin-bottom:0; } /* No space above/below first <h1> */

<fieldset id="test1">
  <div>some content</div>
  <h1>Heading One</h1>
  <div>some content</div>
</fieldset>
<br>
<fieldset id="test2">
  <div>some content</div>
  <h1>Heading One</h1>
  <div>some content</div>
</fieldset>