title: How to align an image inside the div by rotating it 90 deg
body: <p>Hi i want to rotate the image by 90 deg and align the image inside the div borders. ie the outer div should expand automatically depending upon the height of the image. I have attached the <a href="http://jsfiddle.net/bala6030/L7pNa/" rel="nofollow">JSFIDDLE</a> with this.</p>
  
  <pre><code>&lt;div style="float:left;border:1px solid #000;"&gt;
      &lt;span style="float:left;transform:rotate(90deg); transform:50% 50% 0;"&gt;
          &lt;img src="http://dimox.net/wp-images/css-border-radius.jpg"/&gt;
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>