I have a default modal. I wanna two line text in header as a

Payment Information
Description smth

I tried smth you can see below but it doesn't work correctly. I mean it works but it has a too much top and bottom space any helps? Thanks in advance!

    <!--begin::Modal dialog-->
      <div >
        <!--begin::Modal content-->
        <div >
          <!--begin::Modal header-->
          <div >
            <!--begin::Modal title-->
            <div>
              <h2>Payment</h2>
              <!--begin::Notice-->
              <p >store credit</p>
              <!--end::Notice-->
            </div>
            <!--end::Modal title-->
    
            <!--begin::Close-->
            <div
              
              data-bs-dismiss="modal"
            >
              <span >
                <inline-svg src="media/icons/duotune/arrows/arr061.svg" />
              </span>
            </div>
            <!--end::Close-->
          </div>
          <!--end::Modal header-->
          </div>
        </div>

CodePudding user response：

Both <p> and <h2> inherently have margins above and below the elements. If you want to remove them, you can set their css or style to margin:0

CodePudding user response：

you can use css style

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