title: How can I make the bottom margin of a div equal to its percentage-calculated right margin?
body: <p>I have an array of floating divs that fit 4 to a row. Their widths and right margins add up to 100%. Their bottom margins, however, are static. CSS below:</p>
  
  <pre><code>.item {
      position: relative;
      float: left;
      height: 200px;
      width: 23%;
      margin-right: 2%;
      margin-bottom: 15px;
      background-color: #ddd;
  }
  </code></pre>
  
  <p>Is there a way to retrieve the value of the right margin and apply it to the bottom margin so they are always consistent?</p>
  
  <p>Here is an example of what I have: <a href="http://jsfiddle.net/kVZMU/" rel="nofollow">http://jsfiddle.net/kVZMU/</a></p>