Двухколоночные списки с вертикальной нумерацией с помощью Flexbox ⇐ CSS

[Anonymous]

Я уверен, что это дубликат, но я не могу найти соответствующих ответов, поскольку многие люди называют элементы flexbox «списками», хотя на самом деле они не используют HTML-элементы или

• и создают эквивалент элементов div в виде встроенных блоков.
  
  У меня есть неупорядоченный список, который мне нужно отобразить в виде двух столбцов с помощью Flexbox. Судя по сегодняшнему прочтению, мне удалось управлять двумя столбцами, но порядок индексирования элементов идет слева направо, а не сверху вниз:
  
  

  Код: Выделить всё

  ol { display:flex; flex-wrap:wrap; flex-direction:row; }
  ol li { flex:1 1 auto; width:40%; }
  

  Код: Выделить всё

  [*]Item A
  [*]Item B
  [*]Item C
  [*]Item D
  [*]Item E
  [*]Item F
  [*]Item G
  [*]Item H
  [/list]

  
  
  Мне нужен результат:
  

  Код: Выделить всё

  1. Item A          5. Item E
  2. Item B          6. Item F
  3. Item C          7. Item G ... etc
  

  Я пытался заменить flex-direction:row на столбец, но отобразился только один список.
  
  Подробнее здесь: https://stackoverflow.com/questions/519 ... th-flexbox