JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <p>
  some text
  </p>
</div>

CSS

div{
  background: rgba(51, 23, 239, .5);
  text-align:center;
}
p{
   color: black;
   font-family: Arial, sans-serif;
   text-transform: uppercase;
   font-weight: bold;
}