使用CSS为标题添加彩色边线

我正在尝试使用CSS在页面的标题中添加彩色边线，这是我到目前为止所想到的（使用较少，因此使用嵌套属性）-

---

这在标题两侧的底部（使用border bottom属性）提供了一条线，但我希望它们垂直居中于标题的高度。有什么想法吗？

在你的H2上使用

位置：相对的
，然后使用
位置：绝对的
，上面/左边/右边/下面的
：前面
和
：后面
太好了，谢谢！对于任何感兴趣的人，我已经更新了代码。很高兴能提供帮助。请按左边的复选标记选择答案。
h2 {
    font-size: 2em;
    color: @black;
    position: relative;
    text-transform: uppercase;
    &:before {
        position: absolute;
        top: 1em; // 50% of h2 font-size
        left: 100px;
        content: '';
        border-bottom: 1px solid @orange;
        width: 100px;
    }
    &:after {
        position: absolute;
        top: 1em;
        right: 100px;
        content: '';
        border-bottom: 1px solid @orange;
        width: 100px;
    }
}