Re: Limiting a row to four items

This is likely in the archives but I have forgotten how to use them. Among the other things I have forgotten since I turned 80 is how to a put set of elements into rows for HTML output. I want to put what four <plate> elements conjure into each row; the number of< plate> elements in each <stamp> element varies. The <plate> element references the identity of a jpeg that will be put on the page. I want four jpegs in each row.

my css is:

.row {
 B  width: 100%;
 B  display: flex;
 B  flex-direction: row;
 B  justify-content: center;
}

My input XML is a long list of <stamp> elements with <plate> children.
....
<stamp >
 B B B B B B B B B B B B B B B  <plate number="1"/>
 B B B B B B B B B B B B B B B  <plate number="2"/>
 B B B B B B B B B B B B B B B  <plate number="3"/>
 B B B B B B B B B B B B B B B  <plate number="4"/>
 B B B B B B B B B B B B B B B  <plate number="5"/>
 B B B B B B B B B B B B B B B  <plate number="6"/>
 B B B B B B B B B B B B B B B  <plate number="7"/>
 B B B B B B B B B B B B B B B  <plate number="8"/>
</stamp>
....

and my XSLT dealing with this withinB <xsl:template match="stamp"> is:
<div class="row">
B B B B B B <xsl:for-each select="plate">
B B B B B B B B B B B B B <div class="block">
B B B B B B B B B B B B B B B B B B B B B B B B B B B <aB href="{concat('plates/', @number, '.jpg')}">
B B B B B B B B B B B B B B B B B B B B B B B B B B B B B B B B <img class="large" src="{concat('plates/',@number, 't.jpg')}"/>
B B B B B B B B B B B B B B B B B B B B B B B B B B B B B </a>
B B B B B B B B B B B B B B </div>
B B B B B B B B </xsl:for-each>
B </div>

Works fine for four or fewer <plate> elements, but more than that makes a mess
Any help appreciated,
Mark