单行居中显示文字，多行居左显示

代码飘起来...

<h2 class="titleH">
     <p class="titleContentDetail">{{ itemDetail.refundmentRemark }}</p
</h2>

.titleH {
  text-align: right;
  color: #303030;
}
.titleContentDetail {
  display: inline-block;
  text-align: left;
  color: #303030;
  font-size: 14px;
  margin-right: 14px;
}