Internet Explorer 7 - Display inline-block problem


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  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


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.