Advanced Search

Return to Snippet

Revision: 38857
at January 8, 2011 23:08 by ftcb
Updated Code 
/* CSS */
.block { width:100px; display:inline-block; margin:5px; background:blue }

<!--[if IE 7]>
.block { display:inline; }
<![endif]-->

/* HTML */
<div>
<div>
    <div class="block">This is Block</div>
    <div class="block">This is Block</div>
    <div class="block">This is Block</div>
    <div class="block">This is Block</div>
    <div class="block">This is Block</div>
</div>
</div>

Revision: 38856
at January 8, 2011 23:02 by ftcb
Initial Code 
/* CSS */
.block { width:100px; display:inline-block; margin:5px; background:blue }

<!--[if IE 7]>
.block { display:inline; }
<![endif]-->

/* */
<div>
<div>
    <div class="block">This is Block</div>
    <div class="block">This is Block</div>
    <div class="block">This is Block</div>
    <div class="block">This is Block</div>
    <div class="block">This is Block</div>
</div>
</div>
Initial URL 









Initial Description














Initial Title





Internet Explorer 7 - Display inline-block problem









Initial Tags





css









Initial Language





CSS