CSS горизонтальные промежутки между HTML-разделами

Question

Здравствуйте, я знаю, что этот вопрос, вероятно, довольно простой, но я не могу найти решение, я пытаюсь избавиться от белых полос / пробелов между элементами на странице.вот мой код и вывод спасибо.

[1]: https://i.stack.imgur.com/cv1Eu.png html [2]: https://i.stack.imgur.com/A5R0W.png css [3]: https://i.stack.imgur.com/3OAaw.png вывод

Answer 1

У вас есть правильная идея добавить margin: 0 и padding: 0 к разделам и абзацам, чтобы убрать "пробелы", однако я думаю, что в вашем CSS есть синтаксическая ошибка.

Это выглядиткак будто вы пытаетесь настроить таргетинг на все теги секции <p> с помощью следующего CSS:

.Section1, .Section2, .Section3 p{
  border: none;
  margin: 0;
  padding: 0;
  display: block;
}

Однако это должно быть следующим образом:

.Section1 p, .Section2 p, .Section3 p{
  border: none;
  margin: 0;
  padding: 0;
  display: block;
}

Если вы сделаете это изменениепробелы исчезнут.