我想实现边框顶部和底部,如下图,我如何用CSS技巧实现?

挑战是我不希望整个宽度与边界,它也应该响应.
移动版图像是http://i.imgur.com/XZTW28N.jpg,它也可以在桌面和移动浏览器中使用.
我尝试使用%宽度边框,但它不起作用.
我写下面的代码,但它不是100%完美的答案.
HTML:
<h1>How it Works</h1
Run Code Online (Sandbox Code Playgroud)
CSS:
h1:before, h1:after {
content: "";
height: 1px;
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(147,147,147,1) 50%,rgba(0,0,0,0) 100%);
display: block;
margin-bottom: 10px;
margin-top: 10px;
}
Run Code Online (Sandbox Code Playgroud)
仅仅是面试问题和我的知识方面的知识.
SQL - Cluster和之间的区别Non-cluster index?
我需要将此命名空间添加到我的c#文件中:
使用System.Data;
有没有办法自动将其添加到c#.net中新创建的页面?
我不想将此命名空间添加到新页面.