标签换行对齐

前端页面，效果如下图：

 

HTML代码如下：

<p class="main">
    <span class="title">礼品名：</span>
    <span class="content">{{giftName}}</span>
</p>
<p class="main">
    <span class="title">用户名：</span>
    <span class="content">{{userName}}</span>
</p>
<p class="main">
    <span class="title">联系方式：</span>
    <span class="content">{{userMobile}}</span>
</p>

css代码如下：

.main {
  display: flex;
  margin-top: 15px;
}
.title {
  color: #f90;
  font-weight: 600;
}
.content {
  color: #666;
  flex: 1
}