如何在移动视图中使下划线位于第二行之后？

.element {
  display: inline-block;
  margin-top: 1em; /* 根据需要调整下移的距离 */
}

<p>第一行内容</p>
<p>第二行内容</p>
<span class="underline"></span>

.underline {
  display: inline-block;
  border-bottom: 1px solid black; /* 下划线样式 */
  margin-top: 1em; /* 根据需要调整下移的距离 */
}

.element::after {
  content: "";
  display: block;
  border-bottom: 1px solid black; /* 下划线样式 */
  margin-top: 1em; /* 根据需要调整下移的距离 */
}