自分ではどうしても解決できなかったので力を貸してください
トップページの記事を一覧表示する箇所なのですが…

<b:loop values='data:posts' var='i'>
<article class='article'>
<a class='items' expr:href='data:i.url'>
<div class='wrap'>
<h2 class='title'><data:post.title /></h2>
<b:loop values='data:i.labels' var='j'>
<span class='label'><a expr:href='data:j.url'><data:j.name /></a></span>
</b:loop>
</div>
</a>
</article>
</b:loop>

これを実際に表示すると下のように要素がダブったりズレたりしてしまいます
文法を間違っているのだと思うのですがどこをどう修正したらよいのかわかりますか？

<article class='article'>
<a class='items'></a>
<div class='wrap'>
<a class='items'>
<h2>TITLE</h2>
<span class='label'></span>
</a>
<a>LABEL</a>
</div>
</article>