JSFiddle - React, Tailwind, and code Playground

by Dineshkani

HTML

<div id='first'>Lorem ipsum dolor sit amet vertical alignment</div><br/>
<div id='second'>Lorem ipsum dolor sit amet vertical alignment</div><br/>
<div id='third'>Lorem ipsum dolor sit amet vertical alignment</div><br/>
<div id='four'>Lorem ipsum dolor sit amet vertical alignment</div><br/>
<div id='five'>Lorem ipsum dolor sit amet vertical alignment</div><br/>

CSS

#first{
   width: 50px;
   white-space: nowrap;
}
#second{
   width: 50px;
   white-space: pre;
}
#third{
   width: 50px;
   white-space: pre-line;
}
#four{
   width: 50px;
   white-space: pre-wrap;
}
#five{
   width: 50px;
   white-space: normal;
}