JSFiddle - React, Tailwind, and code Playground

by seevis

HTML

<link href="https://fonts.googleapis.com/css2?family=Lavishly+Yours&display=swap" rel="stylesheet"> 
<div class="josopisbaza">
<div class="josopisname">Josephine Ollivander</div><div class="josopis">
be careful what you put them through, people are fragile things, you should know by now, you'll speak when you're spoken to</div>
</div>

CSS

.josopisbaza {
  width: 204px;
  height: auto;
  }
.josopis {
  font-size: 8pt;
  font-family: 'Georgia', serif;
  text-align: justify;
  margin-top: -10px;
}
.josopisname {
      font-family: 'Lavishly Yours', cursive;
      font-size: 20pt;
      text-align: center;
      color: #755353;
      text-decoration: underline;
      
}