Advanced Search

Internet Explorer 7 - Display inline-block problem

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

Expand | Embed | Plain Text

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.