<table>
{% for i in range(0, len(stuff), 3) %}
<tr>
{% for j in range(3) %}
<td>{{ stuff[i+j] }}</td>
{% endfor %}
</tr>
{% endfor %}
</table>
Извините, неправильно понял вопрос.
Сначала удалите атрибут float
во внутреннем div
. Затем поместите text-align: center
в основной внешний div
. А для внутреннего div
s,
используйте display: inline-block
. Также было бы разумно указать для них явную ширину.
<div style="margin: auto 1.5em; display: inline-block;">
<img title="Nadia Bjorlin" alt="Nadia Bjorlin" src="headshot.nadia.png"/>
<br/>
Nadia Bjorlin
</div>