title: 3 columns with border (vertical rule)
body: <p>I am trying to make 3 columns (via shortcode) with vertical rules in between the columns. I've added a border-right to each of my columns and added a border-left to my last column and now am trying to wrap the second one third column in a div with a class assigned to isolate the second column right border. I've listed my CSS and html below, but can't figure out what I am doing wrong. You can view the site here: www.bookemcreative.com/testsite</p>
  
  <pre class="lang-css prettyprint-override"><code>.one_third {
  border-right: 1px solid #808080;
  height: 120px;
  padding-top: 30px;
  margin-right: 3.8%;
  }
  
  .one_third.last {
  border-left: 1px solid #808080;
  border-right: none !important; }
  }
  
  #wrapper .noborder .one_third {
  border-right: 0 !important;
  }
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="noborder"&gt;[one_third last="no"]
  &lt;span style="font-size: 24px; font-style: italic; font-family: texgyrescholaitalic;"&gt;Browse our Pocket Cards
  &lt;/span&gt;
  &lt;p style="line-height: 1.4em;"&gt;&lt;span style="font-size: 13px; font-family: Antic Slab;"&gt;Browse our Unique Line of Pocket Cards
  starting at $.75 each.
  &lt;a href="http://bookemcreative.com/testsite/pocket-cards-2/"&gt;Learn More &lt;i class="icon-play" style="font-size: 10px;"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
  [/one_third]
  &lt;/div&gt;
  </code></pre>