Cross Browser display:inline-block

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

You’ve now told the HTML web page that is linked to this CSS document to display the nav_bar list as inline-block – or in a single, horizontal row. The first problem: IE6 and IE7 don’t recognize it, so you need to add something that only they will recognize:

Copy this code and paste it in your HTML
  1. ul#nav_bar li {
  2. display:inline-block;
  3. zoom: 1;
  4. *display: inline;
  5. }


Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.