如何在写有一个术语的网页上写下分区符号，在第一个术语下面的下划线下面的下一个术语？

Question

我想在页面上输出这种类型的输出，我应该用什么代码编写代码？

Answer 1

希望这会有所帮助.. https://jsfiddle.net/q3e8fLny/

<div>
    <p class='top'>xp</p>
    <p class='bottom'> p</p>
</div>


.top{
   border-bottom:1px solid black;
   display:inline-block;
 }
.bottom{
   transform:translateY(-30px);
 }