css - css ブラケット - 間隔の問題

Question

h2 見出しの周りに css ブラケットをラップしようとしています (おそらく 90% です) が、いくつかの小さな問題を解決するのに苦労しています:

1.右側の線の間隔がかなりずれています。ブラケットに接続するために移動する必要があります。これを調整するにはどうすればよいですか？

と

2.オレンジ色が bg.png を通して見えるという奇妙な不透明性の問題があります。なぜ/どのように修正すればよいですか?

jsfiddle

理想：

現在表示中:

Answer 1

あなたの最初の問題について、あなたの質問が同じかどうかはわかりません：

プロパティをh2からtext-align: center;に変更し、text-align: left;必要に応じてパディング/マージンを設定します。