Как разбить на 3 столбца разделы разбитые на 2

В коде ниже разделы сайта разбиты на два столбца и получается такой вид:

HTML:

1. <div class="index__catlist__item i0"></div>
2. <div class="index__catlist__item i1"></div>
3. <div class="clearfix"></div>
4. <div class="index__catlist__item i0"></div>
5. <div class="index__catlist__item i1"></div>
6. <div class="clearfix"></div>

А как изменить код для такого вывода:

HTML:

1. <div class="index__catlist__item i0"></div>
2. <div class="index__catlist__item i1"></div>
3. <div class="index__catlist__item i2"></div>
4. <div class="clearfix"></div>
5. <div class="index__catlist__item i0"></div>
6. <div class="index__catlist__item i1"></div>
7. <div class="index__catlist__item i2"></div>
8. <div class="clearfix"></div>

В i<?= $i%2 ?> меняю на i<?= $i%3 ?>, получается как нужно, но как сделать подстановку <div class="clearfix"></div>

PHP:

1. <?php
2. $i = 0;
3. foreach($cats as $k=>$v): ?>
4. <div class="index__catlist__item i<?= $i%2 ?>">
5. <a href="<?= $v['l'] ?>" class="img"><img src="<?= $v['i'] ?>" alt="" /></a>
6. <div class="title">
7.     <a href="<?= $v['l'] ?>"><?= $v['t'] ?></a><br>
8.     <span class="index__catlist__item__count"> (<?= $v['items'] ?>)</span>
9. </div>
10. </div>
11. <? if($i++%2) { ?><div class="clearfix"></div><? }
12. endforeach; ?>
13. <div class="clearfix"></div>

 

Нет там проблем, заменил 50% на 33,3%, но <div class="clearfix"></div> мешается...