JSFiddle - React, Tailwind, and code Playground

HTML

<p id="one">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc suscipit dapibus lectus vitae viverra. Quisque nec nisl elit, sit amet mattis lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis dictum pharetra tempor. Praesent rhoncus varius lorem, ut mollis risus bibendum at. Donec dapibus varius ante a eleifend.</p>

<hr />

<p id="two">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc suscipit dapibus lectus vitae viverra. Quisque nec nisl elit, sit amet mattis lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis dictum pharetra tempor. Praesent rhoncus varius lorem, ut mollis risus bibendum at. Donec dapibus varius ante a eleifend.</p>

<hr />

<p id="three">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc suscipit dapibus lectus vitae viverra. Quisque nec nisl elit, sit amet mattis lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis dictum pharetra tempor. Praesent rhoncus varius lorem, ut mollis risus bibendum at. Donec dapibus varius ante a eleifend.</p>

<hr />

<p id="four">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc suscipit dapibus lectus vitae viverra. Quisque nec nisl elit, sit amet mattis lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis dictum pharetra tempor. Praesent rhoncus varius lorem, ut mollis risus bibendum at. Donec dapibus varius ante a eleifend.</p>

CSS

#one   { line-height: 10px; }
#two   { line-height: 20px; }
#three { line-height: 30px; }
#four  { line-height: 40px; }