Im trying to group a set of blog post results into rows with html/css so that I can properly space the posts with top and bottom margins by adding a continer around each group of three posts with whilst keeping my page markup as DRY as possible, but im not sure how is best to achieve this?

The desired outcome would be like this:

<div class="row">
    <a href="#"> Blog link 1</a>
    <a href="#"> Blog link 2</a>
    <a href="#"> Blog link 3</a>
</div>

<div class="row">
    <a href="#"> Blog link 4</a>
    <a href="#"> Blog link 5</a>
    <a href="#"> Blog link 6</a>
</div>

<div class="row">
    <a href="#"> Blog link 7</a>
    <a href="#"> Blog link 8</a>
    <a href="#"> Blog link 9</a>
</div>

Currently the code pulling in the blog posts looks is this:

{{ collection:blog as="posts" sort="date:desc" limit="9" paginate="false"}}
    {{ posts }}
        {{ partial:blog/reg_article-item }}
    {{ /posts }}
{{ /collection:blog }}