Разные блоки не в один ряд?

Question

[Grizar]

Я имею такую разметку и изменить ее не могу

<ul class="products columns-4">
   <li class="product-category product first">	 </li>
   <li class="product-category product"> </li>

   <li class="product type-product"> </li>
   <li class="product type-product"> </li>
   <li class="product type-product"> </li>
   <li class="product type-product"> </li>
</ul>

Все блоки идут один за одним (т.е в ряд), блоков product-category и product type-product может быть разное кол-во.
Как сделать чтобы блоки с классом product type-product начялись с новой строки и далее пошли в ряд.

Answer 1

[Олег]

Как вариант.
Только если js будет работаь с элементами liМожет быть косяк. Т.к. в DOM будет элемент

Answer 2

[Ankhena]

Все блоки идут один за одним (т.е в ряд)

Зависит от того, за счет чего они идет в ряд.
Например, простецким старинным способом:
https://jsfiddle.net/unwzb6gd/