.bracket { border-top:20px; border-bottom:20px; border-right:none; border-left: 1px solid black; }
<span class="b">text</span> <style>.b:after{content:"]"}.b:before{content:"["}</style>
工作实例：http://codepen.io/yardenst/pen/bhGIy
