文本前后的行（h2）使用CSS（或jQuery？）

Question

我正试图在h2文本之前和之后添加行，如下所示：

----- About Our Line -------------------

我发现了这篇文章：CSS technique for a horizontal line with words in the middle

但问题是我有很多h2s，所以我不能为个别的h2设置不同的宽度。

也许有解决方案？

Answer 1

    h2:before, h2:after {
    	content: '----------';
    }
    <div>
      <h2>About Our Line</h2>
    </div>




.h2:before, h2:after {
    content: '----------';
}