JSFiddle - React, Tailwind, and code Playground

by Geppone

HTML

<div id = "inputWords">
 <ul>
  <li><input type="text" id="adj1"><br>Aggettivo (M)
  </li>
 <!-- ponete qui altri campi di input--><a
 
 </ul>
 <div id = "replacementButton">Sostituisci!</botton>
 </div>
 <div id="story">
 </div>

CSS

body {
  font-family: "Comic Sans MS";
}
#inputWords {
  float:left;
  width: 45%;
}
ul {
  list-style-type: none;
  padding: 10px;
  margin: 10px;
  
}
li {
   line-height: 2em;
   text-transform:uppercase;
   margin-top: 8px;
}