Из моего понимания спецификации CSS таблица выше или ниже абзаца должна свернуть вертикальные поля с ним. Однако этоздесь не происходит:

table {
  margin: 100px;
  border: solid red 2px;
}
p {
  margin: 100px
}

  
    
      This is a one-celled table with 100px margin all around.
    
  


<p>This is a paragraph with 100px margin all around.</p>

Я думал, что между двумя элементами будет 100px, но есть 200px - поля нет рушится.

Почему бы и нет?

Редактировать: Кажется, это таблицаошибка s: если я дублирую таблицу и дублирую абзац, два абзаца будут смещены. Два стола выигралит. И, как отмечалось выше, стол выигралСвернуть поля с абзаца. Это послушное поведение?

table {
  margin: 100px;
  border: solid red 2px;
}

  
    
      This is a one-celled table with 100px margin all around.
    
  


  
    
      This is a one-celled table with 100px margin all around.
    
  

p {
  margin: 100px
}

<p>This is a paragraph with 100px margin all around.</p>
<p>This is a paragraph with 100px margin all around.</p>