将两个对象与css位置对齐：绝对; （没有固定边距 - 左或左属性）

Question

我有css行的以下问题（再次大声笑）。现在的问题是在'＆lt; li ＆gt;'中对齐两个对象..（并排）想要不使用边距左边。跟着文件小提琴，所以愿意帮助我：）

面临的问题

我需要......没有固定的边距 - 左或左属性） [here] http://jsfiddle.net/Igaojsfiddle/T6KrE/69/

.frdName{
margin-top:-10px;
top:50%;
/*margin-left:65px;*/
 font-weight: bold;
font-family:'Verdana', cursive;
font-size: 15px;
color: gray;
float:left;
position:absolute;

}

Answer 1

如果您不想使用margin-left，可以使用position：

在li元素中，您必须遵循以下CSS规则：

.contactList > li { position: relative; }

.contactList > li > span:nth-child(2) {
   position: absolute;
   left: value; /*(e.g. 70px)*/
}

我添加了span:nth-child(2)，因为在您的HTML代码中，您的第二个span元素始终包含文本。

这是DEMO

干杯， 利奥