jquery - 使用 CSS(或 jQuery？)的文本 (h2) 前后的行

Question

我正在尝试在 h2 文本前后添加几行，如下所示:

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

我找到这篇文章:CSS technique for a horizontal line with words in the middle

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

也许有解决办法？

Answer 1

<div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>    h2:before, h2:after {
    	content: '----------';
    }</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>    <div>
      <h2>About Our Line</h2>
    </div></code></pre>
</div>
</div>


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