Home/ Questions/Q 8575933
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T19:48:30+00:00

Without: adding any markup element there; without using display: inline-block; without knowing the div

  • 0

Without:

  • adding any markup element there;
  • without using display: inline-block;
  • without knowing the div width;
  • no hacks. the code should validate.

How can we center those three divs horizontally, but making them INLINE ?

http://jsfiddle.net/mMPMh/

Please note:
The reason that I’m avoiding inline-block, lies on the fact that IE7 should behave.
Other rules that don’t work on IE 7 should also be disregarded.

Is it possible ?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Like this – http://jsfiddle.net/mMPMh/10/

    Or this – http://jsfiddle.net/mMPMh/14/ ?
    This one works with IE7

    As for hacks, it can be served using conditional statement like

    <!--[if lt IE 8]>
    <link rel="stylesheet" type="text/css" href="ie7-and-down.css" />
<![endif]-->

    Or using this on your HTML (from HTML5BP)

    <!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->

    And serve the style like this :

    .lt-ie8 #one,
.lt-ie8 #two,
.lt-ie8 #three {
    display:inline;
    zoom:1;
}

    No hacks

    • 0