overlapping an image and text - hogehoge666/syno_moments_slider GitHub Wiki

        <div class="modal-body">
          <p id='info'>2021/2/13</p>
          <button id="stop" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          <img id='picture' src="./img03.jpg">
        </div>

    .modal-body p {
      position: absolute;
      top: 1%;
      left: 1%;
      font-size: 30px;
    }

    .modal-body button {
      position: absolute;
      top: 1%;
      right: 1%;
      font-size: 30px;
    }