Html 在文本的左右两侧添加水平线，但文本不应位于中间

我是CSS新手。我想在标题文本的两侧添加水平线，但不希望文本位于中心。 我当前使用的css将文本对齐在中心

---------------------------------------------一些文本-----------------------------------------------

我希望它是这样的

---------一些文本---------------------------------------------------------------------

如何设置这样的文本位置

<div class="decoratedLine vlabelBold"><span>Some Text</span></div>

一些文本

CSS:

.装饰线{
溢出：隐藏；
文本对齐：居中；
}
.decoratedLine>span{
位置：相对位置；
显示：内联块；
}
.decoratedLine>span:before，.decoratedLine>span:after{
内容：''；
位置：绝对位置；
最高：50%；
边框底部：1px实心；
宽度：591px；/*限制器的一半*/
利润率：0.20px；
}
.decoratedLine>span:之前{
右：100%；
}
.decoratedLine>span:之后{
左：100%；
}

您可以通过更改下面选择器的样式来实现-

.decoratedLine {
    overflow: hidden;
    padding-left: 40px;
}

.decoratedLine{
溢出：隐藏；
左侧填充：40px；
}
.decoratedLine>span{
位置：相对位置；
显示：内联块；
}
.decoratedLine>span:之前，
.decoratedLine>span:之后{
内容：''；
位置：绝对位置；
最高：50%；
转化：translateY（-50%）；
边框底部：1px实心；
宽度：591px；
/*限制器的一半*/
利润率：0.20px；
}
.decoratedLine>span:之前{
右：100%；
}
.decoratedLine>span:之后{
左：100%；
}

---

一些文本

您还应该添加

transform:translateY（-50%）因为在更大的缩放范围内直线看起来垂直偏离中心。谢谢您的回答。关于这一点，我还有几个问题。我不想让它们正好在文本的中心，我想让它们稍微在底部，我如何才能把顶部添加到行中。另外，我如何在线条的开头和结尾添加空格。您不可能共享一个形状或示例图形来精确显示您想要的内容吗？| uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu124;。像这样的东西是屏幕的边框。我想在线条的起点和面板的边框之间添加空格。线条的终点也是一样
.decoratedLine {
    overflow: hidden;
    padding-left: 40px;
}