title: center border-right in 3 column layout
body: <p>I am working with a 3 column layout that has a 5.5% margin right set. When i try to add border-right to the first two columns it looks very uneven on the count of the 5.5% margin. Is there a way to center the border between the columns?</p>
  
  <p>CSS for the columns is as follows:</p>
  
  <pre><code>et_pb_gutters3 .et_pb_column_1_3 {
  width: 29.666%;
  }
  
  et_pb_gutters3 .et_pb_column {
  margin-right: 5.5%;
  }
  
  .et_pb_column {
  float: left;
  position: relative;
  background-position: center;
  background-size: cover;
  }
  </code></pre>