How to make div adapt to the height and width of the content? _html/css_WEB-ITnose

div css

There is a line of text in my div, which is long or short. I want the div to adapt its length and width according to the text.
I set the padding attribute of the div to 4px, and found that the height is 4 pixels, but the width far exceeds the length of the text. That is, although padding-left and padding-right appear to be 4px, they are not. so.
I would like to ask if anyone knows how to solve this problem? What's the reason?

Reply to discussion (solution)

Using CSS float attribute or absolute positioning can make the size of DIV adapt to the size of the content, but it will bring other problems

Set display: inline

Just don’t set the width and height attributes.

Set display: inline. This is the correct answer.