title: Setting Element Width Based on Height Via CSS
body: <p>I have a set of elements and require that their minimum width be equal to their height, but the height is not explicitly set. Currently I am able to achieve this by setting the css <code>min-width</code> property via jQuery:</p>
  
  <pre><code>$(document).ready
  (
      function()
      {
          $('.myClass').each
           (
               function() {$(this).css('min-width', $(this).css('height'));}
           );
      }
  );  
  </code></pre>
  
  <p>Is it possible to specify this behaviour directly in the css?</p>
  
  <p>Here is a jsfiddle demonstrating what I am trying to achieve: <a href="http://jsfiddle.net/p8PeW/" rel="noreferrer">http://jsfiddle.net/p8PeW/</a></p>