CSSdiv width adaptive

In practical applications, there may be such a need, that is, the div needs to be adaptive Based on the width of the content. Many developers may mistakenly think that width can be adaptive with content without setting the div width, because by default, the div width is, that is, the width of the entire parent element is occupied. The code example is as follows:

  
  Code Nong tutorial
 
Codenong course welcomes you

The code above shows that by default, we cannot achieve the desired effect. The following code is modified:

  
  Code Nong tutorial
 
Codenong course welcomes you

The above code achieves what we want, and the compatibility of various browsers is good, mainly to add the following core code:

display:inline-block; *display:inline; *zoom:1;

You can copy the above instance code and run it here to check the effect.