Css 如何使div的宽度补偿其内部内容？

我在一个div中有一个列表，其中包含不同长度的文本。如何使div的宽度容纳所有这些内容。我尝试了

width:auto

（实际上不知道会发生什么），但是div延伸到了窗口的左侧。是否有一个属性可以用来完成此任务？

如果我理解正确，可以使用

display:inline block


我把你的意思理解为，你希望它延伸到内容，而不是一直延伸到屏幕的尽头。
这正是
width:auto
应该做的（顺便说一句，这是默认设置，因此无需指定）。如果要约束宽度，请使用
max width
。你还想做些什么吗？就是这样，我做了
width:auto
，但是div一直在伸展代码如下：