html - 如何在 View 中的两个单独列中显示标签和值？

Question

我在 Drupal 7 中创建了一个显示一些用户字段的 View 。我目前使用的是未格式化的列表布局，但我对它的外观不太满意。

我想在我的 View 中以两列显示字段标签(“姓名”、“年龄”和“国家/地区”)和字段值(“Jeroen”、“19”和“比利时”)，两者在左侧勾勒出轮廓。

我知道如何删除冒号，但不知道如何分隔字段标签和值。我该怎么做？

---

编辑:尝试 Ajay 的回答，我现在有以下代码:

<div>
 <div class = "user-label">Name</div>
 <div class ="user-value">[field_name]</div>
</div>
<div>
 <div class = "user-label">Age</div>
 <div class ="user-value">[field_age]</div>
</div>
<div>
 <div class = "user-label">Country</div>
 <div class ="user-value">[field_country]</div>
</div>

这是样式:

 .user-label{
    float:left;
    font-weight: bold;
   }

  .user-value{
    float:left;
    margin-left: 20px;
  }

不过看起来不太漂亮。我怎样才能很好地对齐两列中的值？

Answer 1

感谢更新的 HTML 结构。你可以使用 float :

<!--language:css-->.user-label {
  float:left;
  clear:left;
  width:5em;/* tune this, you may other div for input too*/
}