html - 将一堆 的第二行居中而不添加 div？

Question

所以我有一个问题可能比较简单，但是我还没能解决。

在我的网站上，我有一个位于 div 中的公司 Logo ，如果您出于组织目的添加任何其他 div，该 Logo 会中断(因为第一个 div 用于 css 动画并且在其中添加任何其他 div 会导致一些问题原因)，这使我无法将第二行的 Logo 居中放置在第一行下方。我被友善地警告不要发布链接，所以删除了那个。这是相关代码(我希望它是完整的):

  <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 个。有人对此有任何解决方案吗？我尝试将它们变成行内 block 元素，或添加边距，但如果不为第二行的 4 个元素指定一个新的 div，则没有任何效果。

提前致谢!

*编辑:已删除链接，对此深感抱歉。

Answer 1

这是您要找的吗？

ul{text-align:center;}
li{display:inline-block;}

jsfiddle:http://jsfiddle.net/UpG5M/