在CSS中，当第一个元素向右推时，如何定位第二个元素中心

我对CSS非常陌生，我创建了一个调用目录，在左侧显示一个图标，旁边显示一个人的名字。在下一行，我正在打印他的电话号码。电话号码与中心对齐，但名称并不总是对齐

为了使其成为中心，我将所有内容包装在一个div中

<div class="container thumbnails" id="all1" tabindex="5000" align="center">
</div>

我创建了一个JSFIDLE：

---

当那个小图标将姓名向右推时，我如何才能将姓名居中？

当您了解更多信息时，您会发现您很少想使用实际的img标记。在这种情况下，图像应该是它旁边的元素的背景。通过这种方式，您可以将其定位到任何您想要的位置，而无需推送您的内容。在更改标记时，您可能希望使标记更具语义（尽可能简单，并由函数而不是样式定义）。我建议如下：

HTML

<dl>
  <dt><a href="#">Name 1</a></dt>
  <dd>Description 1</dd>
  <dt><a href="#">Name 2</a></dt>
  <dd>Description 2</dd>
</dl>

dt {
  background: url('icon.png') no-repeat left center;
}