JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
<div class="container-fluid">
  <div class="row">
    <div class="col-lg-12 mb-auto mt-auto">
      <article>
        <h1 class="display-4 text-center">Miért jó a töltőtoll?</h1>
        <hr>
        <p class="text-justify">
          <figure class="float-right">
            <video class="embed-responsive embed-responsive-16by9" controls poster="images/poster.png">
              <source class="embed-responsive-item" src="images/video.mp4">
              <source class="embed-responsive-item" src="images/video.ogg">
              Nem támogatja a videó tagot a böngésző.
            </video>
          </figure>
          Egy igazán jó töltőtoll akár egész életünkben hű társunk lehet az írás területén. Aki igényes és szeretné, hogy azok az írások, amiket készít nagyon szépek legyenek azoknak érdemes a töltőtollak között szétnézni. A töltőtollal készített írások teljesen máshogy néznek ki mint a golyóstollal készítettek, sokkal szebbek és igényesebbek. Egy töltőtoll sokkal szebben és igényesebben kidolgozott íróeszköz mint az egyszerűbb golyóstollak, arról nem is beszélve, hogy sokkal tartósabbak mint a golyóstollak. Egy jó töltőtollal az írás érzete is sokkal jobb, csak úgy siklik a papíron a tollnak a hegye. A toll tartásának a változtatásával pedig más és más vastagságú írás módot alkalmazhatunk. Ez pedig egy elegáns írásképet ad a töltőtoll tulajdonosának. A töltőtollakhoz, többféle színű tintát kapunk így még színesebbé tehetjük az írást.
        </p>
        <hr>
        <p class="text-justify hide-on-print">A videóhoz tartozó leírás <a href="leiras.xhtml">elérhető ezen a linken.</a></p>

      </article>
    </div>
  </div>
</div>