Как сделать текст сверху сначала в ряд, а потом текст ниже в столбик? в css или хтмл

Я конечно еще новичок, но я бы на твоем месте для каждого столбца сделал контейнер (div), и заголовки столбцов можно разделить c помощью
(x2), и отступы в пунктах после заголовка сделать через padding.

Не надо сначала делать текст в строчку, а потом в столбик.
Тебе просто нужно несколько столбцов с заголовком

https://jsfiddle.net/fx7vkb9s/

display:flex;
flex-flow: row wrap;