Элемент не ломается должным образом firefox

Question

У меня есть css код:

.parent {
  column-count: 2;
}
p, h2, h3, h4, h5, h6 {
  page-break-inside:avoid;
  break-inside:avoid;
}

и html:

<div class="parent">
 <p>lorem ipsum and so on</p>
</div>

Chrome v80 (Все хорошо и хорошо):

Firefox v74:

Эти приемы не работает. В firefox do c написано, что это должно работать. Но это не так. Что я делаю неправильно? Полосатый кодовый ручка

Answer 1

добавить margin:0; как минимум к p

p{margin:0}