如何实现下划线样式左对齐中心文本？

Question

如何在全宽容器中实现这种装饰风格？我希望它位于文本开头的左侧，最大宽度。

Answer 1

<div>
    <h2 style="margin-bottom: 0; position: relative;display: inline;" >
        BLOG
        <div style="width: 20px;border: 2px solid red;position: absolute;">
        </div>
    </h2>
</div>