How can I display two div in one line via css inline property

Question

I try to use css inline property to make div node display in one line  below is my code   lt html gt    lt head gt     lt style type  text css  gt      inline        display  inline       border  1px solid red       margin 10px           lt  style gt    lt  head gt    lt body gt     lt div gt      lt div class  inline  gt  lt div gt I m here lt  div gt  lt  div gt      lt div class  inline  gt  lt div gt I m follow lt  div gt  lt  div gt     lt  div gt    lt  body gt   lt  html gt    The result is not right  the two div with class  inline  still display in two line  and the border is display incorrect too  I don t know what happen  who can help me   thanks

User · Answer

You don t need to use display inline to achieve this    inline        border  1px solid red      margin 10px      float left   Add float left       margin  10px      You can use float-left       Using float left is best way to place multiple div elements in one   line  Why  Because inline-block does have some problem when is viewed   in IE older versions    fiddle

User · Answer

use inline-block instead of inline  Read more information here about the difference between inline and inline-block    inline    display  inline-block   border  1px solid red   margin 10px      DEMO

[css] How can I display two div in one line via css inline property

Examples related to css

Examples related to inline