нет текстового тега (например, <p></p> или <h1>

Question

мой html -

    <div class="row">
      <div class="col-md-6 col-lg-8 col-12 mb-4 order-lg-1 order-2 text-center  mt-3">
        <div class="rightside w-100 h-100 d-flex justify-content-center align-item-center">
        <h1 class="text-uppercase">তামিম ইকবাল খান</h1>
        <p>MAGI MAGI MAGI</p>




        </div>
        </div>
      <div class="col-md-6 col-lg-4 col-12 mb-4 order-lg-2 order-1">
        <div class="leftside w-100 h-100 d-flex justify-content-center align-item-center">
          <img  src="images/CV.png" id="my" alt="Trulli" width="100%" height="900px">
        </div>
        </div>

    </div>


    </div>
    </section>

, а мой css для специального h1 -

   display: inline-block;
   font-family: "sofia";
   font-size:5vw;
   color:white;
   -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: red;
 }

Я использую bootstrap 4.0. Но тег p не создает новую строку, а просто находится в той же строке, что и h1

Answer 1

вы должны изменить свои стили h1:

 display: block;
   font-family: "sofia";
   font-size:5vw;
   color:white;
   -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: red;
 }

Answer 2

Re: спасибо, с Display: block заработало;