.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