如何在CSS中第一个元素向右移动时放置第二个元素中心

我对CSS非常陌生，并且创建了一个调用目录，它在左侧显示一个图标并在旁边显示一个人的名称。在下一行中，我正在打印他的电话号码。电话号码与中心对齐，但名称并非总是如此。如何在CSS中第一个元素向右移动时放置第二个元素中心

为了使中心我包裹着我在一个div的所有内容

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

我怎样才能居中人的名字时，那个小图标推名称对？

当你了解更多，你会发现你很少想使用一个实际的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>

CSS

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

2014-04-28 23:42:34 swider

回答