Html 在内联元素中的下一行显示文本

你能告诉我怎么把日期改到下一行吗？我试过很多方法。但是没有运气

我试过这个。但没有效果

.not:after {
    content: '\A';
    white-space: pre;
}

.html

用户界面

---

您几乎很好，只需对

em

伪元素应用

\A

技巧即可

。不是em:before{
内容：'\A'；
空白：预处理；
}
.不是{
行高：18px；/*已更新此*/
填充：5px10px 5px 15px；
高度：55px；
背景：白色；
边界半径：5px；
边框底部：1px实心#56cde0；
字体大小：粗体；
宽度：90%；
}
.不是span{
利润顶部：-15px；/*如果您想保持价格在顶部*/
浮动：对；
颜色：9bb0bf；
字体大小：正常；
字体大小：16px；
}

domain.com
1990-10-10
$8000

使用

显示：块至
em
。不是{
高度：55px；
背景：白色；
边界半径：5px；
边框底部：1px实心#56cde0；
字体大小：粗体；
宽度：90%；
}
.不是span{
浮动：对；
颜色：9bb0bf；
字体大小：正常；
字体大小：16px；
}
em{
显示：块；
字体大小：12px；
}
thesite.com
$8800
2018-10-10
在
上有变化。而不是
类。请查看编辑。在应用更改后，
日期
现在显示在
域
名称的顶部。为什么？@Sampath这是线的高度，移开it@Sampath检查更新，我降低了线的高度
       <p class="not">{{item.domain}}
              <em>{{item.date | date:'yyyy-MM-dd'}}</em>
              <span>
                ${{item.price}}
              </span>
            </p>

.not {
    line-height: 48px;
    padding: 5px 10px 5px 15px;
    height: 55px;
    background: white;
    border-radius: 5px;
    border-bottom: 1px solid #56cde0;
    font-weight: bold;
    width: 90%;
}

.not span {
    float: right;
    color: #9bb0bf;
    font-weight: normal;
    font-size: 16px;
}