I have a question regarding my website which has been causing me some trouble. I have a section with company logos within a div, but for some reason adding any other divs inside it breaks the layout. This is preventing me from centering the second row of logos beneath the first row. Unfortunately, I cannot provide a link here, so here is the relevant code snippet:
<ul id="da-thumbs" class="da-thumbs">
<li>
<a href="#">
<img src="x" />
<div><span>Company A</span></div>
</a>
</li>
[Additional logo list items]
</ul>
The container and image sizes are causing the elements to display as 3 in the first row and 4 in the second. I've tried playing around with inline-block elements and margins, but nothing seems to work without creating a new div for the second row's 4 elements.
If anyone has any solutions or insights on how to resolve this issue, I would greatly appreciate it!
*Note: I had to remove the link for posting restrictions.