Html 从2<；部门>；标签

我正在尝试将div标记连接在一起（标题和内容），但在删除它们之间的空白时遇到了问题

我环顾四周，尝试将页边距和字体大小设置为0，但没有任何帮助，内联块工作正常，然而，所有的文本对齐后来都搞砸了

<!-- Pricing Boxes -->
<div id="home-pricing">
    <div class="container">
        <div class="row">
            <div class="pricing-title">
                <h1>Select Your Membership Options</h1>
                <p>Each tier of membership offers a varied amount of features</p>
                <div class="divider"></div>
                <!-- Signup Boxes -->
                <div class="col-md-4 col-sm-4 col-xs-12">
                    <div class="pricing-box">
                        <div class="pricing-box-title">
                            <h1>Free Trial</h1>
                            <p>30 Days Free Trial</p>
                        </div>
                        <div class="pricing-box-details">
                            <li><i class="fas fa-check"></i> Access to hundreds of courses</li>
                            <li><i class="fas fa-times"></i> Unlimited Email Support</li>
                            <li><i class="fas fa-times"></i> Offline Course Availability</li>
                            <li><i class="fas fa-times"></i> 2 Hour Priority Support</li>
                            <button>SELECT</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

选择您的会员资格选项
每一层会员都提供了不同数量的功能

免费试用
30天免费试用

获得数百门课程
无限电子邮件支持
离线课程可用性
2小时优先支持
挑选

引导链接：

---

提前感谢。

空白是由

底部边距引起的：

您应该将其重置为0：

.pricing-box-title p {
  margin-bottom: 0;
}

---

寻求代码帮助的问题必须包括在问题本身中重现代码所需的最短代码，最好是以最短的代码。看见