title: Square brackets with CSS
body: <p>I wish to create a <code>[</code> and <code>]</code> bracket just with CSS. Is there a way to specify the top and bottom border (Without slicing the image) so it looks like a bracket?</p>
  
  <pre><code>.bracket {
    border-top:20px;
    border-bottom:20px;
    border-right:none;
    border-left: 1px solid black; 
  }
  </code></pre>