Html 需要调整标题文本的行

当我转到多行时，我对标题行有问题。它将大于文本可见区域

我怎样才能做到这一点

。标题有边框{
字体大小：32px；
利润率：20px；
宽度：350px；
文本对齐：居中；
位置：相对位置；
}
.航向边界跨度{
显示：内联块；
位置：相对位置；
垫底：10px；
}
.标题边界跨度：之前{
高度：2倍；
背景：#333；
内容：''；
位置：绝对位置；
左：0；
右：0；
最高：100%；
}

这是一个很长的标题，很长。。。。

试试这个

.heading-bordered span:before {
    height: 2px;
    background: #333;
    content: '';
    position: absolute;
    left: 25px;
    right: 25px;
    top: 100%;
}

---

没有文本可以多或少。我们不能像这样静态设置我尝试了更多的文本行是相等的遵循上面的代码尝试了更少的内容你想实现什么，你能解释得更清楚一点吗？如果你想这样做，那么使用

文本对齐：对齐

而不是

文本对齐：居中

。这是您所需输出的唯一解决方案。简而言之，您不能。。。查看DUP的解释，您可能认为他们与您的问题无关，但与。。yout issue是宽度或内联块元素