使用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

您必须将标签（名称，年龄）包含在具有固定宽度的内联块元素中，并将文本对齐到右侧。 Example

Answer 2

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