模态标题中的两行文本？

Question

我有默认模式。我想将标题中的两行文本作为

Payment Information

Description smth

我试过了，你可以在下面看到，但它不能正常工作。我的意思是，它可以工作，但它有太多的顶部和底部空间，有帮助吗？提前感谢！

    <!--begin::Modal dialog-->
      <div class="modal-dialog modal-dialog-centered mw-650px">
        <!--begin::Modal content-->
        <div class="modal-content">
          <!--begin::Modal header-->
          <div class="modal-header">
            <!--begin::Modal title-->
            <div>
              <h2>Payment</h2>
              <!--begin::Notice-->
              <p class="text-gray-400 fs-6">store credit</p>
              <!--end::Notice-->
            </div>
            <!--end::Modal title-->
    
            <!--begin::Close-->
            <div
              class="btn btn-sm btn-icon btn-active-color-primary"
              data-bs-dismiss="modal"
            >
              <span class="svg-icon svg-icon-1">
                <inline-svg src="media/icons/duotune/arrows/arr061.svg" />
              </span>
            </div>
            <!--end::Close-->
          </div>
          <!--end::Modal header-->
          </div>
        </div>

​

​

Answer 1

<p>和<h2>本质上在元素之上和下面都有边距。如果要删除它们，可以将它们的css或样式设置为margin:0。

Answer 2

可以使用css样式。

.modal-header {
  line-height: 0;
}