JSFiddle - React, Tailwind, and code Playground

by Baliga

HTML

<div class="container">
  <div class="content">
  <p>1 
  Hey, hey, hey! It's Fat Albert! Now I'm gonna sing a song for you, and this is gonna show you a thing or two. You'll have some fun now With me and the gang, learning from each other While we do our thing. Na na na gonna have a good time! Na na na gonna have a good time! Hey, hey, hey! This is Bill Cosby coming out with music and fun and if you're not careful, you may learn something before it's done! Hey, hey, hey!</p>
  

<p> 2Once upon a time there were three little girls who went to the police academy. Two in Los Angeles. The other in San Francisco. And they were each assigned very hazardous duties. But I took them away from all that. And now they work for me. My name is Charlie.
  </p>
    <p> 3
  Hey, hey, hey! It's Fat Albert! Now I'm gonna sing a song for you, and this is gonna show you a thing or two. You'll have some fun now With me and the gang, learning from each other While we do our thing. Na na na gonna have a good time! Na na na gonna have a good time! Hey, hey, hey! This is Bill Cosby coming out with music and fun and if you're not careful, you may learn something before it's done! Hey, hey, hey!</p>

<p> 4 Once upon a time there were three little girls who went to the police academy. Two in Los Angeles. The other in San Francisco. And they were each assigned very hazardous duties. But I took them away from all that. And now they work for me. My name is Charlie.
  </p>
  
<p> 5 Once upon a time there were three little girls who went to the police academy. Two in Los Angeles. The other in San Francisco. And they were each assigned very hazardous duties. But I took them away from all that. And now they work for me. My name is Charlie.
  </p>
  </div>
</div>

CSS

*{
  box-sizing: border-box;
}
.container{
  height: 90vh;
  width: 100%;
  background-color: pink; 
}
.content
{
  width: 75%;
  min-height: 30%;
  background-color: orange;
  
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    
    
/* position: absolute; 
top: 50%;
transform: translateY(-50%); */

}