Как сделать текст в три колонки на сайте?

<div style="display:flex">
<p>&nbsp;</p>

<p>&nbsp;</p>

<p>1.Корпус.&nbsp; 2.Дверцята завантажувальні та чистки.&nbsp; 3.Дверцята зольника.&nbsp; 4.Клапан подачі повітря.&nbsp; 5.Термометр.&nbsp; 6.Порт під регулятор тяги.&nbsp; 7.Боров.</p>

<p>8.Патрубок подачі опалення.&nbsp; 9.Патрубок повернення опалення.&nbsp; 10.Штуцер для підривного клапана.&nbsp; 11.Патрубок під ТЕН.&nbsp; 12.Водяна оболонка.&nbsp; 13.Конвекційна частина (теплообмінник).</p>

<p>14.Камера згоряння (топка).&nbsp; 15.Кутова планка для колосників.&nbsp; 16.Чавунні колосникові грати.&nbsp; 17.Відбивач.&nbsp; 18.Зольний ящик (відділ). 19. Варильна поверхня.</p>

<p>&nbsp;</p>
</div>


Сделал как в первом примере, но мне нужно чтобы был нумерованный список в три колонки, но в нумерованном списке в каждой колонке список начинается с 1-цы, а мне к сожалению нужно с продолжением от первого столбца (больше для СЕО нужно, если я не ошибаюсь).
А простая нумерация растягивается вниз с большим пробелом сбоку - не красиво.