JSFiddle - React, Tailwind, and code Playground

HTML

<div id="pp">name
age
species
home_planet
language
occupation

</div>
<div id="tt">Zog,            Luna,              Glimmer,       Xylon,                 Astra
150,            200,               75,            300,                   120
Xenon,          Lunarian,          Nebulite,      Celestial,             Stardust
Zeta-7,         Moon,              Nebula-9,      Alpha Centauri,        Polaris
Zorgon,         Lunar,             Stellar,       Cosmic,                Celestial
Astrobiologist, Quantum Physicist, Astroengineer, Interstellar Diplomat, Astroarchaeologist
</div>

CSS

body{display:flex}
#pp{
  font-family: monospace;
    white-space: pre;
    background:#9dc;
}
#tt{
  font-family: monospace;
    white-space: pre;
    overflow:Scroll;
}