Home/ Questions/Q 7004641
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T21:13:29+00:00

I’m having an annoying rendering issue with IE my code is CSS : div

  • 0

I’m having an annoying rendering issue with IE
my code is

CSS :

div {
    display: inline-block;
    margin-right:40px;
    border: 1px solid;
}

HTML :

<div>element</div>
<div>element</div>
<div>element</div>
<div>element</div>
<div>element</div>

This is how it looks in firefox/chrome (the expected display)

enter image description here

This is how it looks in IE

enter image description here

I googled if IE supports display: inline-block, and apparently it does.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Add DOCTYPE to your html,

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    It works for me after I added this.

    Note: in jsFiddle, DOCTYPE was automatically generated so it will work there.

    Edit 1:
    Check this for more information,

    Edit 2:
    You can read more about inline-block styling here

    • 0