html - div 只和里面的文本一样宽，而不是拉伸(stretch)到最后

Question

我试图让粉红色的 div 宽度只和里面的文本一样宽，而不是延伸到最后。宽度设置为自动，我认为这只会使其足够大以适合文本。

如果没有固定的 div 大小，如何解决这个问题？

谢谢你的帮助

#footer-right{
	float:left;
	width:360px;
	height:200px;
	background:#96F;
}
.footer-text-section-wrap{
	background:#f0f;
	width:auto;
	height:auto;
}
footer-1{
	color:#333;
	font-weight:100;
	font-family:verdana,arial,"Times New Roman", Times, serif,georgia,serif,helvetica;
	font-size:20px;
	border-bottom:1px solid #ccc;
	padding:0 0 10px 0px;
}

<div id="footer-right">
<div class="footer-text-section-wrap">
<footer-1>Get a Quote</footer-1>
</div>
</div>

Answer 1

使用内联 block

footer-1{
  display: inline-block;
}