给absolute元素设置padding/margin,元素会换行？

Question

想实现一个这个效果，用padding想隐藏一点两边横线，但是文字因为pading换行了？

<div class="list-title">
        <p><span class="teacher">1234</span>位符合条件选项</p>
</div>

.list-title{
    position: relative;
    border-bottom: 1px solid #8a97a8;
    margin: 30px;
}
.list-title p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 0 20px;
}

Answer 1

absolute的元素设置宽度