所以我有一个可能比较简单的问题，但我还没有能够解决。
在我的网站上，我有一个位于 div 中的公司徽标，如果您出于组织目的添加任何其他 div，则会中断（因为第一个 div 用于 css 动画，并且在其中添加任何其他 div 会由于某种原因导致问题），这使我无法将第二行的徽标居中在第一行下方。我被善意地警告过发布链接，所以删除了。这是相关代码（我希望它是完整的）：
<ul id="da-thumbs" class="da-thumbs">
<li>
<a href="#">
<img src="x" />
<div><span>Account Management and Product Intern</span></div>
</a>
</li>
<li>
<a href="#">
<img src="x" />
<div><span>Advisory Board Member</span></div>
</a>
</li>
<li>
<a href="#">
<img src="x" />
<div><span>Biz. Intelligence and Web Specialist</span></div>
</a>
</li>
<li>
<a href="#">
<img src="x" />
<div><span>Marketing Manager</span></div>
</a>
</li>
<li>
<a href="#">
<img src="x" />
<div><span>Marketing Consultant</span></div>
</a>
</li>
<li>
<a href="#">
<img src="x" />
<div><span>Product Manager/Developer</span></div>
</a>
</li>
<li>
<a href="#">
<img src="X" />
<div><span>Tech+Data Lead/Advisor</span></div>
</a>
</li>
</ul>
由于容器和图像的大小，这些元素在第一行显示为 3，在第二行显示为 4。有没有人对此有任何解决方案？我尝试将它们变成内联块元素，或添加边距，但如果不为第二行的 4 个元素指定新的 div，则没有任何效果。
提前致谢！
*编辑：已删除链接，对此感到抱歉。