Here is my HTML code snippet:
<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>
</section>Here is the CSS I'm using for a special h1 style:
display: inline-block;
font-family: "sofia";
font-size:5vw;
color:white;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: red;
}Although I am using Bootstrap 4.0, the p tag is not creating a new line and instead appears on the same line as the h1 element.