JSFiddle - React, Tailwind, and code Playground

by Dineshkani

HTML

<div>Lorem ipsum dolor sit amet <span style="background-color: grey; vertical-align: sub">vertical alignment</span></div><br/>
<div>Lorem ipsum dolor sit amet <span style="background-color: grey; vertical-align: super">vertical alignment</span></div><br/>
<div>Lorem ipsum dolor sit amet <span style="background-color: grey; vertical-align: middle">vertical alignment</span></div><br/>
<div>Lorem ipsum dolor sit amet <span style="background-color: grey; vertical-align: top">vertical alignment</span></div><br/>
<div>Lorem ipsum dolor sit amet <span style="background-color: grey; vertical-align: bottom">vertical alignment</span></div><br/>
<div>Lorem ipsum dolor sit amet <span style="background-color: grey; vertical-align: text-bottom">vertical alignment</span></div><br/>
<div>Lorem ipsum dolor sit amet <span style="background-color: grey; vertical-align: text-top">vertical alignment</span></div><br/>
<div>Lorem ipsum dolor sit amet <span style="background-color: grey; vertical-align: baseline">vertical alignment</span></div><br/>
<div>Lorem ipsum dolor sit amet <span style="background-color: grey; vertical-align: 10px">vertical alignment</span></div><br/>
<div>Lorem ipsum dolor sit amet <span style="background-color: grey; vertical-align: -20%">vertical alignment</span></div><br/>