How to make div width adaptive to text content?

<div class="divbotuser" >
      <h2 style="text-align: center;width:fit-content;width:-webkit-fit-content;width:-moz-fit-content;" >
	 <img style="border:1px solid #ddd;width:35px;height:35px;" src="http://wx4.sinaimg.cn/mw690/8bd1db32gy1fr4v6xpseij202s02sgle.jpg" />  <span style="display: inline;"> {$zpinfo['item']}</span>
	  </h2>
</div>

　　Use css3's fit-content directly:

width:fit-content;
width:-webkit-fit-content;
width:-moz-fit-content;