Html 使标题成为内容的大小

可能是不可能的和愚蠢的问题，但由于我还在学习的第一周，在这个代码笔中可能会有一个答案：

.pricingaltentive
{ 
背景色：#FFFFFF；
边框：1em实心#000000；
边缘顶部：.5em；
边缘底部：.5em；
}
.pricingalternative~.pricingalternative
{
左边距：1米；
}
.昂贵的
{
边框：1em实心#000000；
边界塌陷：塌陷；
溢出：隐藏；
}
.收费td
{
边框：1em实心#000000；
填充物：5em 1em；
}
弯曲
{
显示器：flex；
证明内容：中心；
柔性包装：包装；
对齐项目：拉伸；
}
.章节标题
{
背景色：#FFFFFF；
显示器：flex；
证明内容：中心；
边缘底部：1米；
填充：.5em；
边框：1em实心#000000；
}

利普苏姆
乱数假文
Lorem Ipsum只是一个虚拟文本
Lorem Ipsum只是一个虚拟文本
乱数假文
Lorem Ipsum只是一个虚拟文本
Lorem Ipsum只是一个虚拟文本
乱数假文
Lorem Ipsum只是一个虚拟文本
Lorem Ipsum只是一个虚拟文本
Lorem Ipsum只是一个虚拟文本
Lorem Ipsum只是一个虚拟文本

试试这个：

CSS:

HTML:

利普苏姆
标准
Lorem Ipsum只是一个虚拟文本
Lorem Ipsum只是一个虚拟文本
保险费
Lorem Ipsum只是一个虚拟文本
Lorem Ipsum只是一个虚拟文本
独家
Lorem Ipsum只是一个虚拟文本
Lorem Ipsum只是一个虚拟文本
Lorem Ipsum只是一个虚拟文本
Lorem Ipsum只是一个虚拟文本

谢谢，我会用这个。这是我想我能得到的最接近的。

.pricingalternative
{ 
    background-color: #FFFFFF;
    border: .1em solid #000000;    
    margin-top: .5em;
    margin-bottom: .5em;
}

.pricingalternative ~ .pricingalternative
{
    margin-left: 1em;
}

.pricingtable
{
    border: .1em solid #000000;
    border-collapse: collapse;
    overflow: hidden;
}

.pricingtable td
{
    border: .1em solid #000000;
    padding: .5em 1em;
}

.flex_parent,
.flex_child
{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: strech;
}
.section-header
{
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    margin-bottom: 1em;
    padding: .5em;
    border: 1em solid #000000;
}

<div class="flex_parent">

<main class="main-padding main-pricing">
    <section class="section-header shadow">
        <h2>LIPSUM</h2>
    </section>

    <div class="flex_child">
        <div class="pricingmargin pricingalternative shadow">
            <table class="pricingtable">
                <thead>
                    <tr>
                        <th>Standard</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Lorem Ipsum is simply dummy text</td>
                    </tr>
                    <tr>
                        <td>Lorem Ipsum is simply dummy text</td>
                    </tr>
                    <tr>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div class="pricingalternative shadow">
            <table class="pricingtable">
                <thead>
                    <tr>
                        <th>Premium</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Lorem Ipsum is simply dummy text</td>
                    </tr>
                    <tr>
                        <td>Lorem Ipsum is simply dummy text</td>
                    </tr>
                    <tr>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                    </tr>
                </tbody>
            </table>
        </div>


        <div class="pricingalternative shadow">
            <table class="pricingtable">
                <thead>
                    <tr>
                        <th>Exclusive</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Lorem Ipsum is simply dummy text</td>
                    </tr>
                    <tr>
                        <td>Lorem Ipsum is simply dummy text</td>
                    </tr>
                    <tr>
                        <td>Lorem Ipsum is simply dummy text</td>
                    </tr>
                    <tr>
                        <td>Lorem Ipsum is simply dummy text</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>