Square brackets with CSS

Question

I wish to create a [ and ] bracket just with CSS. Is there a way to specify the top and bottom border (Without slicing the image) so it looks like a br

Answer 1

.b:after {
  content: "]"
}

.b:before {
  content: "["
}

text

working example: http://codepen.io/yardenst/pen/bhGIy