使用css对齐配置文件字段

Question

我有一个如下格式的页面，

My Profile<br />
Name <span class='values'>: $name</span><br />
 Age <span class='values'>: $age</span><br />

等等……

我想对齐字段，冒号居中，后面跟着从db检索到的值。

我使用了一个span类和下面的信息，但是冒号仍然不在同一行。

.values {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
padding-left:100px;
}

谢谢。

Answer 1

您必须将标签(name, age)包含在固定宽度的inline-block元素中，并将其中的文本向右对齐。例子。

Answer 2

我会将所有的标签包装在一个div中，然后将所有的值包装在另一个div中，将这些div并排浮动，然后将text-align:右放在第一个div中。