JSFiddle - React, Tailwind, and code Playground

HTML

<p>
      The vertical-align <span class="c1">X</span> CSS property sets
      <img src="https://live.mdnplay.dev/en-US/docs/Web/CSS/vertical-align/frame_image.svg" class="c2" />vertical alignment
    </p>

CSS

p {
       width: 100%;
       font-size: 2em;
       border: solid 1px red;
       line-height: 5;
     }

     .c1 {
       vertical-align: bottom;
     }

     .c2 {
       vertical-align: bottom;
     }