JSFiddle - React, Tailwind, and code Playground

by Rolf

HTML

<main>
<p>
Text1 
</p>
<p>
Text2
</p>
<p>
Text3
</p>

<div>
<p>
Text1 
</p>
<p>
Text2
</p>
<p>
Text3
</p>
</div>
</main>

CSS

main {
  display: grid;
  grid-template-columns: repeat(3, max-content);
}

div {
  display: grid;
  grid-template-columns: max-content;
  grid-auto-flow: column;
}

p { border: 1px solid red;}