Skip to content

Instantly share code, notes, and snippets.

@schadeck
Created February 15, 2012 14:15
Show Gist options
  • Save schadeck/1836017 to your computer and use it in GitHub Desktop.
Save schadeck/1836017 to your computer and use it in GitHub Desktop.
inline block example IE7 hack
/**
* inline block example IE7 hack
*/
ul.ib {
width:250px;
display:block;
}
ul.ib li {
width: 100px;
display: inline-block;
margin: 10px;
background-color: red;
zoom: 1;
*display: inline;
}
<!-- content to be placed inside <body>…</body> -->
<ul class="ib">
<li class="ib">Hi 1</li>
<li class="ib">Hi 2</li>
<li class="ib">Hi 3</li>
<li class="ib">Hi 4</li>
</ul>
{"view":"split-vertical","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment