我的布局类似于:
<div>
<table>
</table>
</div>
我希望div只扩展到我的范围table.
我的想法是使divs 中具有该类的每个元素.main_content的宽度等于其中文本的宽度。我该怎么办？
正如您所看到的，每个（span、h2, p和h6）的宽度与 相同.main_content div。红色边框证明了这一点。
那么，如何使每个 div 的宽度适合这些 div 中的文本呢？（仅使用CSS）
.main_content {
width: 100%;
height: 400px;
font-weight: 800;
}
.main_content > * {
border: 1px solid red;
display: block;
margin-bottom: 30px;
text-align: center;
}<div class="first_article">
<div class="first_content">
<div class="main_content">
<span class="growth">Growth</span>
<h2>5 compelling user referral campaign examples</h2>
<p>Jumpstarts your user referral engine with these 5 approaches toreferral campaigns from popular apps.
</p>
<h6>Author</h6>
</div> …