Posted By

ftcb on 01/08/11


Tagged

css inline display internet explorer ie7 7 inline-block


Versions (?)

Internet Explorer 7 - Display inline-block problem


 / Published in: CSS
 

  1. /* CSS */
  2. .block { width:100px; display:inline-block; margin:5px; background:blue }
  3.  
  4. <!--[if IE 7]>
  5. .block { display:inline; }
  6. <![endif]-->
  7.  
  8. /* HTML */
  9. <div>
  10. <div>
  11. <div class="block">This is Block</div>
  12. <div class="block">This is Block</div>
  13. <div class="block">This is Block</div>
  14. <div class="block">This is Block</div>
  15. <div class="block">This is Block</div>
  16. </div>
  17. </div>

Report this snippet  

You need to login to post a comment.