Home/ Questions/Q 7543229
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T08:22:18+00:00

I have a <div> with the following css properties set via its class :

  • 0

I have a <div> with the following css properties set via its class:

  • display: inline-block
  • float: left
  • clear: none

But when I see that object on Chrome tool “Computed Style” area, display: inline-block is recognized but is crossed out, and is calculated as “display: block”. Why is this happening?

The class name for this <div> is called hbox_elem, and the computed style appears like this:

computed style

I tried Evan’s suggestion, and now I get this, but it still does not work:

computed style2

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    float: left forces display: block for most values of display.

    http://www.w3.org/TR/CSS2/visuren.html#dis-pos-flo

    Otherwise, if ‘float’ has a value other than ‘none’, the box is floated and ‘display’ is set according to the table below.

    An extract of the table:

    Specified value | Computed value  
--------------------------------
inline-block    | block
    • 0