Inline-Block (Cross Browser)


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

Makes <li> elements display inline-block in Firefox 2, IE 6 and 7


Copy this code and paste it in your HTML
  1. li {
  2. width: 200px;
  3. min-height: 250px;
  4. border: 1px solid #000;
  5. display: -moz-inline-stack;
  6. display: inline-block;
  7. vertical-align: top;
  8. margin: 5px;
  9. zoom: 1;
  10. *display: inline;
  11. _height: 250px;
  12. }

URL: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.