css 括号 - 间距问题

Question

我正在尝试将 css 括号括在我的 h2 标题周围(大概 90% 都在那里)，但我在解决一些小问题时遇到了麻烦:

1. 右边线的间距有点偏，应该拿过来与支架连接。我该如何调整？

和

2. 通过 bg.png 可见橙色存在奇怪的不透明度问题 - 为什么/如何解决？

jsfiddle

理想:

目前看到:

Answer 1

对于你的第一期，我不确定你的问题是否也是这样:

将 h2 的属性从 text-align: center; 更改为:text-align: left; 并设置 padding/margin如你所愿。